contain-intrinsic-width

The contain-intrinsic-width CSS property sets the width of an element that a browser will use for layout when the element is subject to size containment.

The property is commonly applied alongside elements that can trigger size containment, such as contain: size and content-visibility, and may also be set using the contain-intrinsic-size shorthand property.

Size containment allows a user agent to lay out an element as though it had a fixed size, preventing unnecessary reflows by avoiding the re-rendering of child elements to determine the actual size (thereby improving user experience). By default, size containment treats elements as though they had no contents, and may collapse the layout in the same way as if the contents had no width or height. The contain-intrinsic-width property allows authors to specify an appropriate value to be used as the width for layout.

Syntax example: contain-intrinsic-width: none;