WEB Signal 471
Gap Decorations Are Now Available, Here’s What’s New
↗
Engineers no longer need to rely on border or pseudo-element hacks to style gaps in grid and flexbox layouts. This simplifies CSS, reduces brittle code, and enables more precise control over visual spacing in responsive designs. Adoption is limited to Chromium-based browsers for now, but broader support is expected.
Written by elseif from the cluster below · every claim links back to a sourceThe three things worth knowing
The `row-rule` and `column-rule` properties now work in grid and flexbox layouts, extending functionality previously limited to multi-column layouts.
New longhand properties (e.g., `row-rule-inset-cap`, `column-rule-inset-junction`) allow granular control over how gap decorations are inset and layered.
Support is currently restricted to Chromium-based browsers (Chrome, Edge), with a polyfill in development for broader compatibility.
THE CLUSTER