Container queries
Newly available since 2023-02-14 (baseline low)
Container size queries with the @container
at-rule apply styles to an element based on the dimensions of its container.
Compatibility (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 docs
Specifications
BCD data
- api.CSSContainerRule
- 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
- api.CSSContainerRule.containerName
- api.CSSContainerRule.containerQuery