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
none
Inherited
No
Applies to
elements for which size containment can apply
Animation type
byComputedValueType

Values

autonone

contain-intrinsic-width 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+
ESC