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.
Learning resources on MDN
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