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.

Spec	https://www.w3.org/TR/css3-sizing/
Status	W3C Working Draft

IE	Edge	Firefox	Chrome	Safari	Opera
			98 (3,4)
		95 (2,5)	97 (3,4)
		94 (2,5)	96 (3,4)	TP (3)
11	95 (3,4)	93 (2,5)	95 (3,4)	15 (3)	80 (3,4)
10	94 (3,4)	92 (2,5)	94 (3,4)	14.1 (3)	79 (3,4)
9	93 (3,4)	91 (2,5)	93 (3,4)	14 (3)	78 (3,4)
8	92 (3,4)	90 (2,5)	92 (3,4)	13.1 (3)	77 (3,4)
Show all
7	91 (3,4)	89 (2,5)	91 (3,4)	13 (3)	76 (3,4)
6	90 (3,4)	88 (2,5)	90 (3,4)	12.1 (3)	75 (3,4)
5.5	89 (3,4)	87 (2,5)	89 (3,4)	12 (3)	74 (3,4)
	88 (3,4)	86 (2,5)	88 (3,4)	11.1 (3)	73 (3,4)
	87 (3,4)	85 (2,5)	87 (3,4)	11 (3)	72 (3,4)
	86 (3,4)	84 (2,5)	86 (3,4)	10.1 (3,*)	71 (3,4)
	85 (3,4)	83 (2,5)	85 (3,4)	10 (3,*)	70 (3,4)
	84 (3,4)	82 (2,5)	84 (3,4)	9.1 (3,*)	69 (3,4)
	83 (3,4)	81 (2,5)	83 (3,4)	9 (3,*)	68 (3,4)
	81 (3,4)	80 (2,5)	81 (3,4)	8 (1,3,*)	67 (3,4)
	80 (3,4)	79 (2,5)	80 (3,4)	7.1 (1,3,*)	66 (3,4)
	79 (3,4)	78 (2,5)	79 (3,4)	7 (1,3,*)	65 (3,4)
	18	77 (2,5)	78 (3,4)	6.1 (1,3,*)	64 (3,4)
	17	76 (2,5)	77 (3,4)	6	63 (3,4)
	16	75 (2,5)	76 (3,4)	5.1	62 (3,4)
	15	74 (2,5)	75 (3,4)	5	60 (3,4)
	14	73 (2,5)	74 (3,4)	4	58 (3,4)
	13	72 (2,5)	73 (3,4)	3.2	57 (3,4)
	12	71 (2,5)	72 (3,4)	3.1	56 (3,4)
		70 (2,5)	71 (3,4)		55 (3,4)
		69 (2,5)	70 (3,4)		54 (3,4)
		68 (2,5)	69 (3,4)		53 (3,4)
		67 (2,5)	68 (3,4)		52 (3,4)
		66 (2,5)	67 (3,4)		51 (3,4)
		65 (1,2,3,*)	66 (3,4)		50 (3,4)
		64 (1,2,3,*)	65 (3,4)		49 (3,4)
		63 (1,2,3,*)	64 (3,4)		48 (3,4)
		62 (1,2,3,*)	63 (3,4)		47 (3,4)
		61 (1,2,3,*)	62 (3,4)		46 (3,4)
		60 (1,2,3,*)	61 (3,4)		45 (3,4)
		59 (1,2,3,*)	60 (3,4)		44 (3,4)
		58 (1,2,3,*)	59 (3,4)		43 (3,4)
		57 (1,2,3,*)	58 (3,4)		42 (3,4)
		56 (1,2,3,*)	57 (3,4)		41 (3,4)
		55 (1,2,3,*)	56 (3,4)		40 (3,4)
		54 (1,2,3,*)	55 (3,4)		39 (3,4)
		53 (1,2,3,*)	54 (3,4)		38 (3,4)
		52 (1,2,3,*)	53 (3,4)		37 (3,4)
		51 (1,2,3,*)	52 (3,4)		36 (3,4)
		50 (1,2,3,*)	51 (3,4)		35 (3,4)
		49 (1,2,3,*)	50 (3,4)		34 (3)
		48 (1,2,3,*)	49 (3,4)		33 (3,4)
		47 (1,2,3,*)	48 (3,4)		32 (3,*)
		46 (1,2,3,*)	47 (3,4)		31 (3,*)
		45 (1,2,3,*)	46 (3,4)		30 (3,*)
		44 (1,2,3,*)	45 (3,*)		29 (3,*)
		43 (1,2,3,*)	44 (3,*)		28 (3,*)
		42 (1,2,3,*)	43 (3,*)		27 (3,*)
		41 (1,2,3,*)	42 (3,*)		26 (3,*)
		40 (1,2,3,*)	41 (3,*)		25 (3,*)
		39 (1,2,3,*)	40 (3,*)		24 (3,*)
		38 (1,2,3,*)	39 (3,*)		23 (3,*)
		37 (1,2,3,*)	38 (3,*)		22 (3,*)
		36 (1,2,3,*)	37 (3,*)		21 (3,*)
		35 (1,2,3,*)	36 (3,*)		20 (3,*)
		34 (1,2,3,*)	35 (3,*)		19 (3,*)
		33 (1,2,3,*)	34 (3,*)		18 (3,*)
		32 (1,2,3,*)	33 (3,*)		17 (3,*)
		31 (1,2,3,*)	32 (3,*)		16 (3,*)
		30 (1,2,3,*)	31 (3,*)		15 (3,*)
		29 (1,2,3,*)	30 (3,*)		12.1
		28 (1,2,3,*)	29 (3,*)		12
		27 (1,2,3,*)	28 (3,*)		11.6
		26 (1,2,3,*)	27 (3,*)		11.5
		25 (1,2,3,*)	26 (3,*)		11.1
		24 (1,2,3,*)	25 (3,*)		11
		23 (1,2,3,*)	24 (3,*)		10.6
		22 (1,2,3,*)	23 (3,*)		10.5
		21 (1,2,3,*)	22 (3,*)		10.0-10.1
		20 (1,2,3,*)	21		9.5-9.6
		19 (1,2,3,*)	20		9
		18 (1,2,3,*)	19
		17 (1,2,3,*)	18
		16 (1,2,3,*)	17
		15 (1,2,3,*)	16
		14 (1,2,3,*)	15
		13 (1,2,3,*)	14
		12 (1,2,3,*)	13
		11 (1,2,3,*)	12
		10 (1,2,3,*)	11
		9 (1,2,3,*)	10
		8 (1,2,3,*)	9
		7 (1,2,3,*)	8
		6 (1,2,3,*)	7
		5 (1,2,3,*)	6
		4 (1,2,3,*)	5
		3.6 (1,2,3,*)	4
		3.5 (1,2,3,*)
		3 (1,2,3,*)
		2

Safari on iOS	Opera Mini	Android Browser	Blackberry Browser	Opera Mobile	Android Chrome	Android Firefox	IE Mobile	Android UC Browser	Samsung Internet	QQ Browser	Baidu Browser	KaiOS Browser
15 (3)	all	94 (3,4)	10 (3,*)	64 (3,4)	94 (3,4)	92 (2,5)	11	12.12	15.0 (3,4)	10.4 (3,*)	7.12 (3,4)	2.5 (1,2,3,*)
14.5-14.8 (3)		4.4.3-4.4.4 (3,*)	7	12.1			10		14.0 (3,4)
14.0-14.4 (3)		4.4 (3,*)		12					13.0 (3,4)
13.4-13.7 (3,*)		4.2-4.3		11.5					12.0 (3,4)
Show all
13.3 (3,*)		4.1		11.1					11.1-11.2 (3,4)
13.2 (3,*)		4		11					10.1 (3,4)
13.0-13.1 (3,*)		3		10					9.2 (3,4)
12.2-12.5 (3,*)		2.3							8.2 (3,4)
12.0-12.1 (3,*)		2.2							7.2-7.4 (3,4)
11.3-11.4 (3,*)		2.1							6.2-6.4 (3,4)
11.0-11.2 (3,*)									5.0-5.4 (3,4)
10.3 (3,*)									4 (3,*)
10.0-10.2 (3,*)
9.3 (3,*)
9.0-9.2 (3,*)
8.1-8.4 (1,3,*)
8 (1,3,*)
7.0-7.1 (1,3,*)
6.0-6.1
5.0-5.1
4.2-4.3
4.0-4.1
3.2

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. Firefox does not support the height/min-height/max-height properties, only width. See test case, Firefox bug.

2. Firefox supports the -moz-available keyword rather than stretch. Firefox bug.

3. Does not support the flex-basis property. See specs, Blink bug, Firefox bug.

4. Chrome does not yet unprefix stretch (aka fill/fill-available), because the CSSWG is not ready for that yet. See Chromium bug.

5. While still being affected by note 1, it is only for -moz-fit-content and -moz-available.

^* Partial support with prefix.

Bugs

• Safari does not yet support usage with CSS Grid Layout properties such as grid-template-rows.

Resources

• Min-Content tutorial