CSS logical flow relative values and box model properties

Complete support for the following sections of CSS Logical Properties and Values spec: * 2. Flow-Relative Values: block-start, block-end, inline-start, inline-end * 4. Flow-Relative Box Model Properties (except 4.6 Four-Directional Shorthand Properties: the margin, padding, border-width, border-style, and border-color shorthands).

Comments

https://www.smashingmagazine.com/2018/03/understanding-logical-properties-values/

Documentation

• https://developer.mozilla.org/docs/Web/CSS/CSS_Logical_Properties

Specification

Working draft or equivalent

Status in Chromium

Blink components: Blink>CSS

Behind a flag (tracking bug) in:

• Chrome for desktop release 70
• Chrome for Android release 70
• Opera release 57
• Opera for Android release 57

Consensus & Standardization

• Firefox: Public support
• Edge: Public support
• Safari: In development
• Web Developers: Positive

Owners

• obrufau@igalia.com
• rego@igalia.com

Last updated on 2018-09-05