Web platform features explorer - Logical properties

Web platform features explorer

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

CSS logical properties and values

Specifications

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

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

Developer signals

State of CSS 2025: features/all_features question
State of CSS 2024: usage/favorite_new_features question
State of CSS 2024: features/all_features question

Usage (according to Chrome Platform Status)

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

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist