CSS line-height-step property

The CSS line-height-step property provides an ability to round the heights of line boxes to the multiple of the specified length. This property allows authors to control vertical rhythm.

Comments

This spec was originally called "snap-height", then renamed to "snap size", and to "step sizing". Renamed to "CSS Rhythmic Sizing" in Jan 2017.

Demo

• https://drafts.csswg.org/css-rhythm/examples/snap-height.html

Documentation

• https://developer.mozilla.org/en-US/docs/Web/CSS/line-height-step

Specification

Working draft or equivalent

Status in Chromium

Blink components: Blink>Layout

Behind a flag (launch bug) in:

• Chrome for desktop release 60
• Chrome for Android release 60
• Chrome for iOS release 60
• Android WebView release 60
• Opera release 47
• Opera for Android release 47

Consensus & Standardization

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

Owner

• kojii@chromium.org

Last updated on 2017-08-07