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. To learn more, see CSS logical properties and values at MDN.

Compatibility (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