TLDR Web Dev · ARTICLES & TUTORIALS
MINDING THE GAPS: A NEW WAY TO DRAW SEPARATORS IN CSS
Summary from the TLDR Web Dev newsletter
CSS gap decorations are a new proposal to simplify drawing separator lines in layouts like Grid and Flexbox. The proposal extends the `column-rule` property to other layout types and introduces `row-rule`, which allows for gap decorations and control over their appearance, including alternating colors and varying widths. Additional properties like `*-rule-break` and `*-rule-outset` offer fine-tuning of decoration behavior at intersections.