Web platform features explorer - Logical properties

Web platform features explorer

Tags: css Groups: CSS

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

CSS logical properties and values

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

Usage (according to Chrome Platform Status)

~26.159% of page loads. More data at chromestatus.

Specifications

CSS Logical Properties and Values Level 1, from Cascading Style Sheets (CSS) Working Group (W3C).

View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature