Container queries
Widely Available (since 2025-08-14)
Container size queries with the @container at-rule apply styles to an element based on the dimensions of its container.
Browser support (view on caniuse.com)
- Chrome 105 Released on 2022-09-02
- Chrome Android 105 Released on 2022-09-02
- Edge 105 Released on 2022-09-01
- Firefox 110 Released on 2023-02-14
- Firefox for Android 110 Released on 2023-02-14
- Safari 16 Released on 2022-09-12
- Safari on iOS 16 Released on 2022-09-12
MDN documentation
Specifications
Usage (according to Chrome Platform Status)
~21.547% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureInterop
- Included in Interop 2023
Surveys
- State of HTML 2025 > usage > html interoperability features features only
- State of HTML 2025 > performance > performance pain points limitations 1
- State of HTML 2025 > performance > performance pain points features
- State of HTML 2025 > performance > performance pain points
- State of HTML 2024 > usage > html interoperability features
- State of CSS 2025 > usage > gamechanger feature
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > layout > layout pain points
- State of CSS 2025 > features > all features
- State of CSS 2024 > features > all features
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist