Widely Available
Container queries
id: container-queries
Container queries
Container size queries with the
@container at-rule apply styles to an element based on the dimensions of its container.
Baseline Status:
Achieved Widely Available on Aug 14, 2025 (Cross-browser Newly Available since Feb 14, 2023).
Desktop Browser Engine Support
Google Chrome
105
Supported
Mozilla Firefox
110
Supported
Apple Safari
16
Supported
Microsoft Edge
105
Supported
Mobile Browser Engine Support
Chrome Android
105
Firefox Android
110
Safari iOS
16
Specifications and References
Specification ↗
Can I Use (css-container-queries) ↗
Can I Use (css-container-query-units) ↗
Feature XML ↗
MDN Browser Compat Data Keys:
api.CSSContainerRule ↗
api.CSSContainerRule.containerName ↗
api.CSSContainerRule.containerQuery ↗
css.at-rules.container ↗
css.properties.container ↗
css.properties.container-name ↗
css.properties.container-name.none ↗
css.properties.container-type ↗
css.properties.container-type.inline-size ↗
css.properties.container-type.normal ↗
css.properties.container-type.size ↗
css.types.length.container_query_length_units ↗