Web platform features explorer - Inline-size containment

Web platform features explorer

Tags: css Groups: CSS > Containment

The contain: inline-size CSS declaration prevents the element's inline dimension from being set by the element's contents. This permits the browser to avoid slower layout calculations.

Learning resources on MDN

Inline-size, in contain

Browser support

Chrome 105 Released on 2022-09-02
Chrome Android 105 Released on 2022-09-02
Edge 105 Released on 2022-09-01
Firefox 101 Released on 2022-05-31
Firefox for Android 101 Released on 2022-05-31
Safari 16 Released on 2022-09-12
Safari on iOS 16 Released on 2022-09-12

Usage (according to Chrome Platform Status)

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

Specifications

CSS Containment Module Level 3 (#containment-inline-size), from Cascading Style Sheets (CSS) Working Group (W3C).

View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature