Web platform features explorer - Style containment

Web platform features explorer

Tags: css Groups: CSS > Containment

The contain: style CSS declaration permits the browser to avoid slower layout calculations by preventing modification to counter (counter-increment and counter-set) and quotation styles (content property quote values) beyond the element's descendants.

Learning resources on MDN

Style, in contain

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 103 Released on 2022-07-26
Firefox for Android 103 Released on 2022-07-26
Safari 15.4 Released on 2022-03-14
Safari on iOS 15.4 Released on 2022-03-14

Specifications

CSS Containment Module Level 2 (#containment-style), 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