Container style queries
Container style queries with the @container at-rule apply styles to an element based on the values of custom properties of its container.
Status
Limited availability
MDN documentation
Specifications
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 (15 months)
Developer signals
- State of HTML 2025: usage/html_interoperability_features_features_only question
- State of HTML 2025: usage/html_interoperability_features2 question
- State of CSS 2025: usage/gamechanger_feature question
- State of CSS 2025: usage/favorite_new_features question
- State of CSS 2025: usage/css_missing_features question
- State of CSS 2025: usage/css_interoperability_features question
- State of CSS 2025: usage/css_general_pain_points question
- State of CSS 2025: reading_list/reading_list question
- State of CSS 2025: layout/layout_pain_points question
- State of CSS 2025: features/all_features question
- State of CSS 2025: colors/colors_pain_points question
- 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.432% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureDeveloper signals
Votes: 2
If you want this feature to be available in all browsers, vote for it by adding a thumbs up reaction (👍) to this GitHub issue, and leave a comment with more information.
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist