← Back to release summary

CSS logical flow relative margins, paddings and borders

Category
CSS
Type
New or changed feature
Status
Enabled by default (Chrome 69)
Intent stage
None

Summary

Chrome now implements logical margin, padding, and border CSS properties using standard names, specifically margin-{block,inline}-{start,end}, padding-{block,inline}-{start,end} and border-{block,inline}-{start,end}-{width,style,color}. These capabilities were previously supported through -webkit prefixes and non-standard names. Shorthand properties are only added for border-{block,inline}-{start,end}.

Standards & signals

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

View on chromestatus.com