Web platform features explorer - contain

Web platform features explorer

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.

Status

Baseline Widely Available (since 2024-09-14)

MDN documentation

contain

Specifications

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

Browser support (view on caniuse.com)

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

Interop

Included in Interop 2022
Included in Interop 2023

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