Intrinsic & Extrinsic Sizing

Allows for the heights and widths to be specified in intrinsic values using the max-content, min-content, fit-content and stretch (formerly fill) properties.

IE Edge Firefox Chrome Safari Opera iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Chrome for Android Firefox for Android IE Mobile UC Browser for Android Samsung Internet QQ Browser Baidu Browser
49
See notes:
  • 3
  • 4
56
See notes:
  • 3
  • 4
9.3webkit
See notes:
  • 3
4.4webkit
See notes:
  • 3
14 52moz
See notes:
  • 1
  • 2
  • 3
57
See notes:
  • 3
  • 4
10webkit
See notes:
  • 3
10.0-10.2webkit
See notes:
  • 3
4.4.3-4.4.4webkit
See notes:
  • 3
4webkit
See notes:
  • 3
11 15 53moz
See notes:
  • 1
  • 2
  • 3
58
See notes:
  • 3
  • 4
10.1webkit
See notes:
  • 3
44
See notes:
  • 3
  • 4
10.3webkit
See notes:
  • 3
all 56
See notes:
  • 3
  • 4
10webkit
See notes:
  • 3
37
See notes:
  • 3
  • 4
57
See notes:
  • 3
  • 4
52moz
See notes:
  • 1
  • 2
  • 3
11 11.4webkit
See notes:
  • 3
5
See notes:
  • 3
  • 4
1.2webkit
See notes:
  • 3
7.12
See notes:
  • 3
  • 4
54moz
See notes:
  • 1
  • 2
  • 3
59
See notes:
  • 3
  • 4
TP
See notes:
  • 3
45
See notes:
  • 3
  • 4
55moz
See notes:
  • 1
  • 2
  • 3
60
See notes:
  • 3
  • 4
46
See notes:
  • 3
  • 4
56moz
See notes:
  • 1
  • 2
  • 3
61
See notes:
  • 3
  • 4

Notes

Prefixes are on the values, not the property names (e.g. -webkit-min-content)

Older webkit browsers also support the unofficial intrinsic value which acts the same as max-content.

Links