The CSS Propertie contain-intrinsic-height

The contain-intrinsic-height property defines the natural height of an element that is subject to size containment, so it can occupy space in layout even when its contents are not rendered. This value is overridden by the actual height when containment is lifted.

.card { contain-intrinsic-height: 200px; }

.lazy-card { content-visibility: auto; contain-intrinsic-height: auto 400px; }

min:0 max:9999 step:1

units:px | em | rem | vw | vh

noneNo explicit intrinsic inner size in the block axis (default).

autoIf the element has a last remembered size and is skipping its contents, uses the remembered size as the explicit intrinsic inner size. Useful together with content-visibility: auto.

CSS Box Sizing Module Level 4

Editor's Draft

W3C MDN

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Show all code

Edit CSS online

The plugin that remembers hundreds of CSS items for you

Every CSS property — in a live demonstration

The bilingual CSS reference

previous next