CSS Logical Properties and Values is a module of CSS introducing logical properties and values that provide 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 define direction‐relative equivalents of their corresponding physical properties.
Logical properties and values use the abstract terms block and inline to describe the direction in which they flow. The physical meaning of these terms depends on the writing mode.
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-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-start-start-radius
border-start-end-radius
border-end-start-radius
border-end-end-radius
border-style
(logical
keyword)
border-width
(logical
keyword)
caption-side
(inline-end
and inline-start
keywords)
clear
(inline-end
and inline-start
keywords)
float
(inline-end
and inline-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
(now inset-block-end
)
offset-block-start
(now inset-block-start
)
offset-inline-end
(now inset-inline-end
)
offset-inline-start
(now inset-inline-start
)
padding
(logical
keyword)
padding-block
padding-block-end
padding-block-start
padding-inline
padding-inline-end
padding-inline-start
resize
(block
and inline
keywords)
text-align
(end
and start
keywords)
Specification | Status | Comment |
---|---|---|
CSS Logical Properties and Values Level 1 | Editor's Draft | Initial definition. |
In general:
See the individual property pages for full compatibility information,
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties