The contain-intrinsic-size shorthand sets contain-intrinsic-width and contain-intrinsic-height in a single declaration. A single value applies to both axes; two values set width then height. Provides a natural size for a size-contained element so it can occupy space in layout..card {
contain-intrinsic-size: 320px 200px;
}.lazy-card {
content-visibility: auto;
contain-intrinsic-size: auto 300px auto 400px;
}min:0max:9999step:1units:px | em | rem | vw | vhnoneNo explicit intrinsic inner size in either 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 4Editor's Draft<length>W3CMDN
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 codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstrationpreviousnext
