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.

Demo

Documentation

Specification

Working draft or equivalent

Status in Chromium

Blink>Layout


In developer trial (Behind a flag) (tracking bug) in:

  • Chrome for desktop release 60
  • Chrome for Android release 60
  • Android WebView release 60

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owner

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.

Search tags

vertical rhythm, east asia,

Last updated on 2020-11-19