Web features explorer - Size containment

Web features explorer

The contain: size CSS declaration sets an element's dimensions exclusively by its height and width properties, ignoring its contents and descendants. This permits the browser to avoid slower layout calculations.

Browser support

Chrome 52 Released on 2016-07-20
Chrome Android 52 Released on 2016-07-27
Edge 79 Released on 2020-01-15
Firefox 69 Released on 2019-09-03
Firefox for Android 79 Released on 2020-07-28
Safari 15.4 Released on 2022-03-14
Safari on iOS 15.4 Released on 2022-03-14

MDN documentation

`contain` CSS property

Specifications

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

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Interop

Included in Interop 2022
Included in Interop 2023

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