contain-intrinsic-height
Sets the placeholder height for an element under size containment. It ensures the element occupies space even if its content isn't being rendered yet.
Quick example
.lazy-card {
content-visibility: auto;
/* Reserves space to prevent page jumping */
contain-intrinsic-height: 300px;
}Quick facts
Initial value
noneInherited
No
Applies to
elements for which size containment can apply
Animation type
byComputedValueType
Values
autononecontain-intrinsic-height 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+