Widely Available Container queries

Container queries (size)

Container size queries with the @container (…) at-rule apply styles to an element based on a dimension of its container, such as width or height.

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 ↗