CSS line-height-step property

Category: CSS
Type: New or changed feature
Status: In developer trial (Behind a flag) (Chrome 60)
Intent stage: None

Summary

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.

Standards & signals

Specification: https://drafts.csswg.org/css-rhythm/#line-height-step
Firefox: In development
Safari: Positive
Web developers: Positive
Tracking bug: http://crbug.com/586413

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

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

View on chromestatus.com