contain-intrinsic-height

The contain-intrinsic-height CSS property sets the height of an element that a browser can 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 height (or width). The contain-intrinsic-height property allows authors to specify an appropriate value to be used as the height for layout.

Syntax example: contain-intrinsic-height: none;