CSS and HTML Browser Support Reference
Browser support table for modern CSS and HTML features: CSS Grid, Flexbox, Container Queries, :has(), CSS Clamp, and more.
100% client-side - your data never leaves your browser.
25 features - data is approximate, check caniuse.com for exact versions
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
CSS Grid Two-dimensional layout system | ✓ 57 | ✓ 52 | ✓ 10.1 | ✓ 16 |
CSS Flexbox One-dimensional flexible layout | ✓ 29 | ✓ 28 | ✓ 9 | ✓ 12 |
CSS Subgrid Grid items participate in parent grid tracks | ✓ 117 | ✓ 71 | ✓ 16 | ✓ 117 |
CSS Container Queries Style based on container size | ✓ 105 | ✓ 110 | ✓ 16 | ✓ 105 |
CSS Anchor Positioning Position elements relative to another anchor | ✓ 125 | ✗ | ✗ | ✓ 125 |
CSS Custom Properties CSS variables (--my-var) | ✓ 49 | ✓ 31 | ✓ 9.1 | ✓ 15 |
CSS clamp() Fluid value between min and max | ✓ 79 | ✓ 75 | ✓ 13.1 | ✓ 79 |
CSS :has() Parent selector / relational pseudo-class | ✓ 105 | ✓ 121 | ✓ 15.4 | ✓ 105 |
CSS nesting Native CSS rule nesting (like Sass) | ✓ 120 | ✓ 117 | ✓ 17.2 | ✓ 120 |
CSS layers (@layer) Cascade layer management | ✓ 99 | ✓ 97 | ✓ 15.4 | ✓ 99 |
color-mix() Mix two colors in a colorspace | ✓ 111 | ✓ 113 | ✓ 16.2 | ✓ 111 |
CSS scroll-driven animations Animate based on scroll position | ✓ 115 | ✗ | ✗ | ✓ 115 |
dialog element Native modal/dialog element | ✓ 37 | ✓ 98 | ✓ 15.4 | ✓ 79 |
Popover API popover attribute for overlay content | ✓ 114 | ✓ 125 | ✓ 17 | ✓ 114 |
loading="lazy" Native lazy loading for images and iframes | ✓ 77 | ✓ 75 | ✓ 15.4 | ✓ 79 |
<details> / <summary> Native disclosure widget | ✓ 12 | ✓ 49 | ✓ 6 | ✓ 79 |
View Transitions API Animated transitions between page states | ✓ 111 | ~ 119 (MPA only) | ✓ 18 | ✓ 111 |
Web Components (Custom Elements) Custom HTML elements | ✓ 54 | ✓ 63 | ✓ 10.1 | ✓ 79 |
Intersection Observer Observe element visibility | ✓ 51 | ✓ 55 | ✓ 12.1 | ✓ 15 |
Web Workers Background threads for JS | ✓ 4 | ✓ 3.5 | ✓ 4 | ✓ 12 |
Service Worker Offline support and background sync | ✓ 40 | ✓ 44 | ✓ 11.1 | ✓ 17 |
Import Maps Control JS module specifier resolution | ✓ 89 | ✓ 108 | ✓ 16.4 | ✓ 89 |
AVIF images Modern image format with better compression | ✓ 85 | ✓ 93 | ✓ 16 | ✓ 121 |
WebP images Efficient web image format from Google | ✓ 23 | ✓ 65 | ✓ 14 | ✓ 18 |
font-display Control web font loading behavior | ✓ 60 | ✓ 58 | ✓ 11.1 | ✓ 79 |
✓ Supported~ Partial✗ Not supportedF Flag required
Want automated scanning?
SCOUTb2 runs 25+ accessibility, performance, SEO, and security checks on any page automatically.
Install SCOUTb2 Free