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

Documentation

Specification

Working draft or equivalent

Status in Chromium

Blink>CSS


Enabled by default in:

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

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owners

Last updated on 2020-11-19