contain-intrinsic-inline-size
Defines the placeholder inline-size (width) of an element when it is under size containment, preventing layout instability.
Quick example
.dynamic-width-element {
content-visibility: auto;
/* Reserves width for off-screen element */
contain-intrinsic-inline-size: 100%;
}Quick facts
Initial value
noneInherited
No
Applies to
elements for which size containment can apply
Animation type
byComputedValueType
Values
autononecontain-intrinsic-inline-size Browser Support
Widely availableSince 202393% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2023.
Safe to use without fallbacks.
83+
107+
17+
83+