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.
border-blockborder-block-colorborder-block-endborder-block-end-colorborder-block-end-styleborder-block-end-widthborder-block-startborder-block-start-colorborder-block-start-styleborder-block-start-widthborder-block-styleborder-block-widthborder-color (logical keyword)
border-inlineborder-inline-colorborder-inline-endborder-inline-end-colorborder-inline-end-styleborder-inline-end-widthborder-inline-startborder-inline-start-colorborder-inline-start-styleborder-inline-start-widthborder-inline-styleborder-inline-widthborder-start-start-radiusborder-start-end-radiusborder-end-start-radiusborder-end-end-radiusborder-style (logical keyword)
border-width (logical keyword)
margin (logical keyword)
margin-blockmargin-block-endmargin-block-startmargin-inlinemargin-inline-endmargin-inline-startpadding (logical keyword)
padding-blockpadding-block-endpadding-block-startpadding-inlinepadding-inline-endpadding-inline-startclear (inline-end and inline-start keywords)
float (inline-end and inline-start keywords)
insetinset-blockinset-block-endinset-block-startinset-inlineinset-inline-endinset-inline-startcaption-side (inline-end and inline-start keywords)
overflow-blockoverflow-inlineoverscroll-behavior-blockoverscroll-behavior-inlineresize (block and inline keywords)
text-align (end and start keywords)
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 )
| 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–2020 Mozilla 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