CSS gap decorations resources

Learn more

Learn more about CSS gap decorations by using the resources below:

• The Gap Strikes Back: Now Stylable, on css-tricks.com
• A new way to style gaps in CSS, on the Chrome developer blog
• Minding the gaps: A new way to draw separators in CSS, on the Microsoft Edge blog
• CSS Gap Decorations demos
• CSS Gap Decorations Module Level 1 (specification)
• CSS Gap Decorations (explainer)

Try the feature

To try the feature in your own projects:

• Open a Chromium-based browser, such as Microsoft Edge or Chrome, and make sure the version is at least 139.
  The feature is currently only implemented in these browsers.
• In the browser, open a new tab and go to about:flags.
• In the Search flags box, enter Experimental Web Platform features.
• Set the Experimental Web Platform features flag to Enabled.
• Click the Restart button.

Share feedback

To share feedback about this proposal, please open an issue on the MSEdgeExplainers repository.

Track progress

To learn more about the progress of the proposal's implementation, see the following resources:

• Mozilla's position on the feature proposal
• WebKit's position on the feature
• The rate of passing gap decoration web-platform-tests for each browser