CSS Logical Properties and Values is a module of CSS that introduces logical properties and values that provide authors with the ability to control layout through logical, rather than physical, direction and dimension mappings. The module also defines logical properties and values for properties previously defined in CSS 2.1. Logical properties are writing direction‐relative equivalents of their corresponding physical properties.
Reference
Properties
background-image-transform
block-size
border-block
border-block-color
border-block-end
border-block-end-color
border-block-end-style
border-block-end-width
border-block-start
border-block-start-color
border-block-start-style
border-block-start-width
border-block-style
border-block-width
border-color
(logical
keyword)border-image-transform
border-inline
border-inline-color
border-inline-end
border-inline-end-color
border-inline-end-style
border-inline-end-width
border-inline-start
border-inline-start-color
border-inline-start-style
border-inline-start-width
border-inline-style
border-inline-width
border-style
(logical
keyword)border-width
(logical
keyword)caption-side
(inline-end
andinline-start
keywords)clear
(inline-end
andinline-start
keywords)float
(inline-end
andinline-start
keywords)inset
inset-block
inset-block-end
inset-block-start
inset-inline
inset-inline-end
inset-inline-start
inline-size
margin
(logical
keyword)margin-block
margin-block-end
margin-block-start
margin-inline
margin-inline-end
margin-inline-start
max-block-size
max-inline-size
min-block-size
min-inline-size
offset-block-end
(nowinset-block-end
)offset-block-start
(nowinset-block-start
)offset-inline-end
(nowinset-inline-end
)offset-inline-start
(nowinset-inline-start
)padding
(logical
keyword)padding-block
padding-block-end
padding-block-start
padding-inline
padding-inline-end
padding-inline-start
resize
(block
andinline
keywords)text-align
(end
andstart
keywords)
Guides
None.
Specifications
Specification | Status |
---|---|
CSS Logical Properties and Values Level 1 | Editor's Draft |
Browser compatibility
1 The names of the offset-*
properties were changed to inset-*
1,2 and extended to include inset
, inset-block-*
, and inset-inline-*
properties.
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | No support | 41.0 (41.0) | No support | No support | No support |