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

Documentation

Specification

Working draft or equivalent

Status in Chromium

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

Owner

Last updated on 2017-08-07