contain

The contain CSS property sets limits to the scope of styles, layout, and paint rendering for speed and efficiency. The none keyword value disables containment, strict is equivalent to contain: size layout style paint, and content is equivalent to contain: layout style paint.

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

Desktop Browser Engine Support

Google Chrome

52

Supported

Mozilla Firefox

69

Supported

Apple Safari

15.4

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

52

Firefox Android

79

Safari iOS

15.4

Specifications and References

Specification ↗ Can I Use (css-containment) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.contain ↗ css.properties.contain.content ↗ css.properties.contain.none ↗ css.properties.contain.strict ↗