Skip to content

Latest commit

 

History

History
45 lines (30 loc) · 1.14 KB

contain-intrinsic-size.md

File metadata and controls

45 lines (30 loc) · 1.14 KB
Raw

contain-intrinsic-size

w3.org Spec Intrinsic Sizing In CSS

Intrinsic sizing determines sizes based on the contents of an element, without regard for its context.

Code example


width: min-content | max-content;


/* Keyword values */
contain-intrinsic-width: none;

/* <length> values */
contain-intrinsic-size: 1000px;
contain-intrinsic-size: 10rem;

/* width | height */
contain-intrinsic-size: 1000px 1.5em;

/* auto <length> */
contain-intrinsic-size: auto 300px;

/* auto width | auto height */
contain-intrinsic-size: auto 300px auto 4rem;

/* Global values */
contain-intrinsic-size: inherit;
contain-intrinsic-size: initial;
contain-intrinsic-size: revert;
contain-intrinsic-size: revert-layer;
contain-intrinsic-size: unset;

Result of implementation

Result of implementation Intrinsic

Constituent properties

  • contain-intrinsic-width
  • contain-intrinsic-height