Rhythmic sizing
Limited availability
The line-height-step
CSS property creates consistent vertical rhythm by setting the spacing between body text baselines. It rounds taller lines like headings up to the next multiple of the body text spacing.
To learn more, see
line-height-step at MDN.
Compatibility
- Chrome ❌ Search for bugs Search for Chromestatus entry
- Chrome Android ❌ Search for bugs Search for Chromestatus entry
- Edge ❌ Search for bugs Search for Chromestatus entry
- Firefox ❌ Search for bugs Search for standards position
- Firefox for Android ❌ Search for bugs Search for standards position
- Safari ❌ Search for bugs Search for standards position
- Safari on iOS ❌ Search for bugs Search for standards position