Web platform features explorer - Container queries

Web platform features explorer

Container size queries with the @container at-rule apply styles to an element based on the dimensions of its container.

Status

Baseline Newly Available (since 2023-02-14)

This feature is expected to reach Baseline Widely Available status on: 2025-08-14

MDN documentation

CSS container queries

Specifications

CSS Conditional Rules Module Level 5 (#container-queries), from Cascading Style Sheets (CSS) Working Group (W3C).

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

Developer signals

State of CSS 2025: features/all_features question
State of CSS 2024: features/all_features question

Usage (according to Chrome Platform Status)

~10.020% of page loads. More data at chromestatus.

Interop

Included in Interop 2023

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist