The contain-intrinsic-inline-size property defines the natural inline-axis size of an element subject to size containment, so it can occupy space in layout when its contents are not rendered. Logical equivalent of contain-intrinsic-width..card {
contain-intrinsic-inline-size: 320px;
}.lazy-card {
content-visibility: auto;
contain-intrinsic-inline-size: auto 300px;
}min:0max:9999step:1units:px | em | rem | vw | vhnoneNo 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. Useful together with content-visibility: auto.CSS Box Sizing Module Level 4Editor's Draft<length>W3CMDN
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.
Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstrationpreviousnext
