contain-intrinsic-width CSS Property

The contain-intrinsic-width property defines the natural width 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 width when containment is lifted.

.card { contain-intrinsic-width: 320px; }

.lazy-card { content-visibility: auto; contain-intrinsic-width: auto 300px; }

min:0 max:9999 step:1

units:px | em | rem | vw | vh

noneNo explicit intrinsic inner size in the inline 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.

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