René's URL Explorer Experiment


Title: Gap decorations: Now available in Chromium  |  Blog  |  Chrome for Developers

Open Graph Title: Gap decorations: Now available in Chromium  |  Blog  |  Chrome for Developers

Description: A new way to style gaps in CSS from Chrome and Edge 149.

Open Graph Description: A new way to style gaps in CSS from Chrome and Edge 149.

Opengraph URL: https://developer.chrome.com/blog/gap-decorations-stable

direct link

Domain: developer.chrome.com

Hey, it has json ld scripts: 
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [{
      "@type": "ListItem",
      "position": 1,
      "name": "Blog",
      "item": "https://developer.chrome.com/blog"
    },{
      "@type": "ListItem",
      "position": 2,
      "name": "Gap decorations: Now available in Chromium",
      "item": "https://developer.chrome.com/blog/gap-decorations-stable"
    }]
  }
google-signin-client-id157101835696-ooapojlodmuabs2do2vuhhnf90bccmoi.apps.googleusercontent.com
google-signin-scopeprofile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award https://www.googleapis.com/auth/devprofiles.full_control.firstparty
og:site_nameChrome for Developers
og:typewebsite
theme-color#1a73e8
NoneIE=Edge
og:imagehttps://developer.chrome.com/static/blog/gap-decorations-stable/image/hero.png
og:image:width1200
og:image:height675
og:localeen
twitter:cardsummary_large_image

Links:

Skip to main content https://developer.chrome.com/blog/gap-decorations-stable#main-content
https://developer.chrome.com/
Docs https://developer.chrome.com/docs
Web Platform https://developer.chrome.com/docs/web-platform
Capabilities https://developer.chrome.com/docs/capabilities
ChromeDriver https://developer.chrome.com/docs/chromedriver
Extensions https://developer.chrome.com/docs/extensions
Chrome Web Store https://developer.chrome.com/docs/webstore
Chromium https://developer.chrome.com/docs/chromium
Web on Android https://developer.chrome.com/docs/android
Origin trials https://developer.chrome.com/origintrials/
Release notes https://developer.chrome.com/release-notes
DevTools https://developer.chrome.com/docs/devtools
Lighthouse https://developer.chrome.com/docs/lighthouse
Chrome UX Report https://developer.chrome.com/docs/crux
Accessibility https://developer.chrome.com/docs/accessibility
Modern Web Guidance https://developer.chrome.com/docs/modern-web-guidance
Workbox https://developer.chrome.com/docs/workbox
Puppeteer https://developer.chrome.com/docs/puppeteer
AI https://developer.chrome.com/docs/ai
Performance https://developer.chrome.com/docs/performance
CSS and UI https://developer.chrome.com/docs/css-ui
Identity https://developer.chrome.com/docs/identity
Payments https://developer.chrome.com/docs/payments
Privacy and security https://developer.chrome.com/docs/privacy-security
All documentation https://developer.chrome.com/docs
Baseline https://web.dev/baseline
web.dev https://web.dev
PageSpeed Insights audit https://pagespeed.web.dev
Isolated Web Apps (IWA) https://developer.chrome.com/docs/iwa
Case studies https://developer.chrome.com/case-studies
Blog https://developer.chrome.com/blog
New in Chrome https://developer.chrome.com/new
Blog https://developer.chrome.com/blog
https://developer.chrome.com/
Docs https://developer.chrome.com/docs
Case studies https://developer.chrome.com/case-studies
Blog https://developer.chrome.com/blog
New in Chrome https://developer.chrome.com/new
Web Platform https://developer.chrome.com/docs/web-platform
Capabilities https://developer.chrome.com/docs/capabilities
ChromeDriver https://developer.chrome.com/docs/chromedriver
Extensions https://developer.chrome.com/docs/extensions
Chrome Web Store https://developer.chrome.com/docs/webstore
Chromium https://developer.chrome.com/docs/chromium
Web on Android https://developer.chrome.com/docs/android
Origin trials https://developer.chrome.com/origintrials/
Release notes https://developer.chrome.com/release-notes
DevTools https://developer.chrome.com/docs/devtools
Lighthouse https://developer.chrome.com/docs/lighthouse
Chrome UX Report https://developer.chrome.com/docs/crux
Accessibility https://developer.chrome.com/docs/accessibility
Modern Web Guidance https://developer.chrome.com/docs/modern-web-guidance
Workbox https://developer.chrome.com/docs/workbox
Puppeteer https://developer.chrome.com/docs/puppeteer
AI https://developer.chrome.com/docs/ai
Performance https://developer.chrome.com/docs/performance
CSS and UI https://developer.chrome.com/docs/css-ui
Identity https://developer.chrome.com/docs/identity
Payments https://developer.chrome.com/docs/payments
Privacy and security https://developer.chrome.com/docs/privacy-security
All documentation https://developer.chrome.com/docs
Baseline https://web.dev/baseline
web.dev https://web.dev
PageSpeed Insights audit https://pagespeed.web.dev
Isolated Web Apps (IWA) https://developer.chrome.com/docs/iwa
Chrome for Developers https://developer.chrome.com/
Blog https://developer.chrome.com/blog
LinkedIn https://www.linkedin.com/in/javier-contreras-t
LinkedIn https://www.linkedin.com/in/samdavisomekara
Try the split screen with gap decorations demohttps://microsoftedge.github.io/Demos/css-gap-decorations/split-screen.html
Try the settings view with gap decorations demohttps://microsoftedge.github.io/Demos/css-gap-decorations/settings-list.html
Try the calendar with gap decorations demohttps://microsoftedge.github.io/Demos/css-gap-decorations/calendar-week.html
specificationhttps://www.w3.org/TR/css-gaps-1/#breaks
Try the dashboard grid with gap decorations demohttps://microsoftedge.github.io/Demos/css-gap-decorations/dashboard-grid.html
interactive playgroundhttps://microsoftedge.github.io/Demos/css-gap-decorations/playground.html
Try the dynamic flex items with gap decorations demohttps://microsoftedge.github.io/Demos/css-gap-decorations/dynamic-items.html
Try the dashboard grid with gap decorations demohttps://microsoftedge.github.io/Demos/css-gap-decorations/dashboard-grid.html
Try the article grid with gap decorations demohttps://microsoftedge.github.io/Demos/css-gap-decorations/article-grid.html
the Edge demo sitehttps://github.com/MicrosoftEdge/Demos/blob/main/css-gap-decorations/README.md
developer trial blog posthttps://developer.chrome.com/blog/gap-decorations
interactive playgroundhttps://microsoftedge.github.io/Demos/css-gap-decorations/playground.html
burger menuhttps://microsoftedge.github.io/Demos/css-gap-decorations/burger-menu.html
notebook layouthttps://microsoftedge.github.io/Demos/css-gap-decorations/notebook.html
magazine-style layouthttps://microsoftedge.github.io/Demos/css-gap-decorations/daily-css-news.html
Chromium issue trackerhttps://issues.chromium.org/issues/wizard
CSS Gap Decorations specificationhttps://www.w3.org/TR/css-gaps-1/
CSS Gap Decorations specificationhttps://drafts.csswg.org/css-gaps-1/
Developer trial blog posthttps://developer.chrome.com/blog/gap-decorations
Edge announcementhttps://blogs.windows.com/msedgedev/2025/03/19/minding-the-gaps-a-new-way-to-draw-separators-in-css/
Explainer on GitHubhttps://github.com/w3c/csswg-drafts/blob/main/css-gaps-1/explainer.md
Creative Commons Attribution 4.0 Licensehttps://creativecommons.org/licenses/by/4.0/
Apache 2.0 Licensehttps://www.apache.org/licenses/LICENSE-2.0
Google Developers Site Policieshttps://developers.google.com/site-policies
File a bug https://issuetracker.google.com/issues/new?component=1400036&template=1897236
See open issues https://issuetracker.google.com/issues?q=status:open%20componentid:1400036&s=created_time:desc
Chromium updates https://blog.chromium.org/
Case studies https://developer.chrome.com/case-studies
Archive https://developer.chrome.com/deprecated
Podcasts & shows https://web.dev/shows
@ChromiumDev on X https://twitter.com/ChromiumDev
YouTube https://www.youtube.com/user/ChromeDevelopers
Chrome for Developers on LinkedIn https://www.linkedin.com/showcase/chrome-for-developers
RSS https://developer.chrome.com/static/blog/feed.xml
Terms https://policies.google.com/terms
Privacy https://policies.google.com/privacy
Manage cookies https://developer.chrome.com/blog/gap-decorations-stable

Viewport: width=device-width, initial-scale=1

URLs of crawlers that visited me.