Anchor position container queries

Anchor position container queries with the @container anchored(fallback: …) at-rule apply styles to an element based on the element's anchor position.

Baseline Status: This feature is currently Limited and is missing in at least one major browser engine.

Desktop Browser Engine Support

Google Chrome

143

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

143

Supported

Mobile Browser Engine Support

Chrome Android

143

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.at-rules.container.anchor_position_queries ↗ css.at-rules.container.anchor_position_queries.fallback ↗ css.at-rules.container.anchor_position_queries.fallback.any_value ↗ css.properties.container-type.anchored ↗