CSS Intrinsic Sizing

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

Working draft or equivalent

Status in Chromium

Blink components: Blink

Enabled by default in:

• Chrome for desktop release 46
• Chrome for Android release 46
• Android WebView release 46
• Opera release 33
• Opera for Android release 33

Consensus & Standardization

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

Owners

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

Last updated on 2017-06-14