CSS containment

E662774

CSS containment is a web performance and layout feature that lets developers explicitly limit a DOM subtree’s impact on the rest of the page, enabling more efficient rendering and styling.

All labels observed (1)

Label Occurrences
CSS containment canonical 1

How this entity was disambiguated

Statements (51)

Predicate Object
instanceOf CSS feature
layout optimization technique
web performance technique
affects compositing
layout
paint
size calculations
style recalculation
appliesTo block-level elements
inline-level elements
replaced elements
benefits component-based UI architectures
large, complex web applications
category CSS layout control
CSS performance optimization
definedBy CSS Containment Module Level 3 specification NERFINISHED
enables isolation of rendering work
more predictable layout boundaries
hasProperty contain
implementedVia contain property
introducedIn CSS Containment Module Level 1 NERFINISHED
limits layout effects outside the contained element
paint invalidation region
style recalculation scope
partOf CSS Containment Module Level 3 NERFINISHED
primaryGoal enable more efficient rendering
enable more efficient styling
improve page performance
limit a DOM subtree’s impact on the rest of the page
refinedIn CSS Containment Module Level 2 NERFINISHED
CSS Containment Module Level 3 NERFINISHED
relatedTo CSS contain-intrinsic-size property NERFINISHED
CSS content-visibility property
CSS overflow clipping
CSS will-change property
standardizedBy W3C NERFINISHED
supportsValue auto
block-size
content
inline-size
layout
layout paint
layout style paint
none
paint
size
size layout
size layout style paint
strict
style
usedWith subtree of the DOM

How these facts were elicited

Referenced by (1)

Full triples — surface form annotated when it differs from this entity's canonical label.

W3C CSS specifications defines CSS containment