Resources › Browser Support
Browser Support
Compatibility metrics and specification levels for modern CSS layout modules.
| CSS Feature | Specification | W3C Status | Chrome | Safari | Firefox | Edge |
|---|
| CSS Box Shadow | CSS Backgrounds & Borders L3 | Recommendation | 10+ | 5.1+ | 4+ | 12+ |
| Multi-layer Box Shadows | CSS Backgrounds & Borders L3 | Recommendation | 10+ | 5.1+ | 4+ | 12+ |
| CSS Custom Properties (Variables) | CSS Custom Properties L1 | Recommendation | 49+ | 9.1+ | 31+ | 15+ |
| CSS Grid Layout | CSS Grid Layout L1 | Recommendation | 57+ | 10.1+ | 52+ | 16+ |
| Native CSS Nesting | CSS Nesting Module L1 | Candidate Recommendation | 112+ | 16.5+ | 117+ | 112+ |
| CSS Container Queries | CSS Containment Module L3 | Candidate Recommendation | 105+ | 16+ | 110+ | 105+ |
| CSS color-mix() Function | CSS Color Module L5 | Working Draft | 111+ | 16.2+ | 88+ | 111+ |
| OKLCH & OKLAB Color Spaces | CSS Color Module L4 | Candidate Recommendation | 111+ | 16.2+ | 113+ | 111+ |
Note: Browser support ranges refer to the initial version where the property is fully supported without a vendor prefix. For older browsers, use the CSS Postprocessor tool to automatically attach prefix dependencies like -webkit-, -moz-, or -ms- to your CSS assets.