Proposal

CSS gap decoration is shipping in chromium-based browsers starting with Edge and Chrome 149. See https://learn.microsoft.com/en-us/microsoft-edge/web-platform/release-notes/149#css-gap-decorations and https://developer.chrome.com/blog/new-in-chrome-149?hl=en#gap-decorations.

We should document the new properties and values.

Browser support

Edge and Chrome 149, and other Chromium browsers with matching versions.

Tasks

Write the docs

Dependencies

This depends on the column-rule property docs. CSS Gap Decorations extends this with the new row-rule property (and rule shorthand), but also adds a bunch of other rule-related properties to control insets, and breaks, etc.

Additional information

Blogs:

• https://css-tricks.com/the-gap-strikes-back-now-stylable/
• https://developer.chrome.com/blog/gap-decorations
• https://blogs.windows.com/msedgedev/2025/03/19/minding-the-gaps-a-new-way-to-draw-separators-in-css/

Release notes:

• https://learn.microsoft.com/en-us/microsoft-edge/web-platform/release-notes/149#css-gap-decorations
• https://developer.chrome.com/blog/new-in-chrome-149?hl=en#gap-decorations

Demos:

• https://github.com/MicrosoftEdge/Demos/tree/main/css-gap-decorations

Are you willing to support this work?

Fixes mdn/mdn#837
is fixed by openwebdocs/project#238