Inline-size 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.

Baseline Status: Achieved Widely Available on Mar 12, 2025 (Cross-browser Newly Available since Sep 12, 2022).

Desktop Browser Engine Support

Google Chrome

105

Supported

Mozilla Firefox

101

Supported

Apple Safari

16

Supported

Microsoft Edge

105

Supported

Mobile Browser Engine Support

Chrome Android

105

Firefox Android

101

Safari iOS

16

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.contain.inline-size ↗