Rhythmic sizing

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.

Learning resources on MDN

• line-height-step

Browser support

• Chrome ❌
• Chrome Android ❌
• Edge ❌
• Firefox ❌
• Firefox for Android ❌
• Safari ❌
• Safari on iOS ❌

View web-platform-tests results for this feature - View the feature source file - Edit the feature - Report an issue about this feature