Container style queries
Limited availability
Container style queries with the @container at-rule apply styles to an element based on the values of custom properties of its container.
Learning resources on MDN
Browser support (view on caniuse.com)
- Chrome 111 Released on 2023-03-07
- Chrome Android 111 Released on 2023-03-07
- Edge 111 Released on 2023-03-13
- Firefox ❌ See bugzil.la/1795622 Vendor position : positive
- Firefox for Android ❌ See bugzil.la/1795622 Vendor position : positive
- Safari 18 Released on 2024-09-16
- Safari on iOS 18 Released on 2024-09-16
Baseline availability blocked since September 2024 by Firefox (7 months)
Surveys
- State of CSS 2024: usage/css_interoperability_features question
- State of CSS 2024: reading_list/reading_list question
- State of CSS 2024: features/all_features question
Usage (according to Chrome Platform Status)
~0.018% of page loads. More data at chromestatus.
Specifications
View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature