contain-intrinsic-width
Sets the placeholder width for an element under size containment, helping the browser calculate layout without rendering the full content.
Quick example
.sidebar-widget {
content-visibility: auto;
contain-intrinsic-width: 280px;
}Quick facts
Initial value
noneInherited
No
Applies to
elements for which size containment can apply
Animation type
byComputedValueType
Values
autononecontain-intrinsic-width Browser Support
Newly availableSince 202393% global usage
Since 2023 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Works in all modern browsers. May need a fallback for older browsers.
95+
107+
17+
95+