Logical properties
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.
Status
Baseline Widely Available (since 2024-03-20)
MDN documentation
Specifications
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 2025 > usage > gamechanger feature
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css missing features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > usage > css general pain points
- State of CSS 2025 > layout > layout pain points
- State of CSS 2025 > features > all features
- State of CSS 2024 > usage > favorite new features
- State of CSS 2024 > features > all features
Usage (according to Chrome Platform Status)
~32.495% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist