Extends the CSS sizing properties with keywords that represent content-based "intrinsic" sizes and context-based "extrinsic" sizes, allowing CSS to more easily describe boxes that fit their content or fit into a particular layout context. (Note that the "fill" keyword is only shipping prefixed so far, pending CSSWG agreement to unprefix)

Demo

• https://googlechrome.github.io/samples/css-intrinsic-sizing/index.html

Documentation

• https://developer.mozilla.org/en-US/docs/Web/CSS/width
• https://developer.mozilla.org/en-US/docs/Web/CSS/height

Specification

Specification link

Status: Specification currently under development in a Working Group

Status in Chromium

Blink components: Blink>CSS

Implementation status: Enabled by default

Consensus & Standardization

• Firefox: In development
• Edge: No signal
• Safari: In development
• Web Developers: No signals

Owners

• ojan@chromium.org
• cbiesinger@chromium.org

Last updated on 2020-11-19