Web platform features explorer

Container style queries

Container style queries with the @container at-rule apply styles to an element based on the values of custom properties of its container.

Status

Limited availability

MDN documentation

Specifications

Browser support (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 Vendor position : positive
  • Firefox for Android ❌ Vendor position : positive
  • Safari 18 Released on 2024-09-16
  • Safari on iOS 18 Released on 2024-09-16

Baseline availability blocked since September 2024 by Firefox (19 months)

Surveys

Usage (according to Chrome Platform Status)

~0.934% of page loads. More data at chromestatus.com.

Interop

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
45

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.

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