Paint containment

The contain: paint CSS declaration prevents an element's descendants from being drawn outside the boundaries of the containing element, with any overflow clipped. This permits the browser to avoid slower painting calculations.

Learning resources on MDN

• Paint, 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 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

Edit this feature - Report an issue about this feature