Container style queries
Limited availability
Container style queries with the @container at-rule apply styles to an element based on the values of custom properties of its container.
To learn more, see
@container at MDN.
Compatibility (view on caniuse.com)
- Chrome 111 Released on 2023-03-07
- Chrome Android 111 Released on 2023-03-07
- Edge 111 Released on 2023-03-13
- Firefox ❌ See bugzil.la/1795622
- Firefox for Android ❌ See bugzil.la/1795622
- Safari 18 Released on 2024-09-16
- Safari on iOS 18 Released on 2024-09-16
Baseline availability blocked since September 2024 by Firefox (2 months)