CSS Gap Decorations

[o-t-w]

Description

A way to display visible separators between items in grid, flex and multi-column layouts rather than resorting to border or pseudo-element hacks.

Specification

https://drafts.csswg.org/css-gaps-1/

web-feature

https://web-platform-dx.github.io/web-features-explorer/features/gap-decorations/

Test Links

https://wpt.fyi/results/css/css-gaps/

Additional Signals

This feature shipped in Chrome and Edge version 149.
Mozilla position: positive
Firefox implementation bug
WebKit position:no position yet
Safari implementation bug
This tweet has 673 likes and this other tweet has 228 likes.
In the State of CSS 2026 survey it was the feature that developers showed the most interest in learning about.
Gap decorations received 28 votes in last years Interop.

[github-actions]

This comment was automatically generated based on the information you provided. Please don't edit it.

Below is additional information about the web feature (from the web-features project) which is referenced in your proposal.
If this doesn't accurately correspond to your proposal, please update your initial comment to include web-features: <feature-id>.
To find feature IDs, use the web-features explorer.

Feature Gap decorations

• ID: gap-decorations
• Name: Gap decorations
• Description: The column-rule and row-rule CSS properties display decorative lines between columns and rows of a flex, grid, or multi-column layout. The rule-break, rule-outset, and rule-paint-order properties control the appearance of these lines.
• Baseline status: Limited Availability
• Docs: column-rule-visibility-items CSS property, row-rule-visibility-items CSS property, rule-visibility-items CSS property
• Standard positions: Mozilla (positive), WebKit
• Developer signals: 34 votes (details)
• Chrome use counter: chromestatus.com (~0.091% of page loads)
• State of CSS/JS/HTML surveys: State of CSS 2026 (shapes_graphics question), State of CSS 2026 (reading_list question), State of CSS 2026 (_all_features question)
• WPT tests: wpt.fyi results
• More information: See the web-features explorer