Container queries
Container size queries with the @container at-rule apply styles to an element based on the dimensions of its container.
Status
Baseline Widely Available (since 2025-08-14)
MDN documentation
Specifications
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
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 missing features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > usage > css general pain points
- State of CSS 2025 > shapes graphics > shapes graphics pain points
- State of CSS 2025 > other features > other features pain points
- State of CSS 2025 > layout > layout pain points
- State of CSS 2025 > interactions > interactions pain points
- State of CSS 2025 > features > all features
- State of CSS 2024 > features > all features
Usage (according to Chrome Platform Status)
~14.569% of page loads. More data at chromestatus.com.Interop
- Included in Interop 2023
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist