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.
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 ⓘ |
Referenced by (1)
Full triples — surface form annotated when it differs from this entity's canonical label.