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:
|
|||||||||||||||||
56
See notes:
|
9.3webkit
See notes:
|
4.4webkit
See notes:
|
|||||||||||||||
14 | 52moz
See notes:
|
57
See notes:
|
10webkit
See notes:
|
10.0-10.2webkit
See notes:
|
4.4.3-4.4.4webkit
See notes:
|
4webkit
See notes:
|
|||||||||||
11 | 15 | 53moz
See notes:
|
58
See notes:
|
10.1webkit
See notes:
|
44
See notes:
|
10.3webkit
See notes:
|
all | 56
See notes:
|
10webkit
See notes:
|
37
See notes:
|
57
See notes:
|
52moz
See notes:
|
11 | 11.4webkit
See notes:
|
5
See notes:
|
1.2webkit
See notes:
|
7.12
See notes:
|
54moz
See notes:
|
59
See notes:
|
TP
See notes:
|
45
See notes:
|
||||||||||||||
55moz
See notes:
|
60
See notes:
|
46
See notes:
|
|||||||||||||||
56moz
See notes:
|
61
See notes:
|
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
.
-
1
Does not support for height/min-height/max-height property, only width. see test case Firefox bug
-
2
Firefox currently supports the "-moz-available" property rather than "-moz-stretch".
- 3
- 4