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.
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
MDN documentation
Specifications
Usage (according to Chrome Platform Status)
~36.442% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureSurveys
- State of CSS 2026 > usage > favorite new features
- State of CSS 2026 > layout > layout pain points features
- State of CSS 2026 > all features > all features
- State of CSS 2025 > usage > gamechanger feature
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > features > all features
- State of CSS 2024 > usage > favorite new features
- State of CSS 2024 > features > all features
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist