Logical properties
Widely available since 2024-03-20
CSS logical properties control borders, size, margin, and padding with directions and dimensions relative to the writing mode. For example, in a left to right, top to bottom writing mode, block-end
refers to the bottom. Also known as flow relative.
Learning resources on MDN
Browser support (view on caniuse.com)
- Chrome 89 Released on 2021-03-02
- Chrome Android 89 Released on 2021-03-02
- Edge 89 Released on 2021-03-04
- Firefox 66 Released on 2019-03-19
- Firefox for Android 66 Released on 2019-03-19
- Safari 15 Released on 2021-09-20
- Safari on iOS 15 Released on 2021-09-20
Surveys
- State of CSS 2024: usage/favorite_new_features question
- State of CSS 2024: features/all_features question
Specifications
View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature