Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
height
✕renders differentlycss-sizing-3
The property takes effect, but our pixels are not Chrome's. The difference map on this page shows where.
What the specification says
- Initial value
- auto
- Applies to
- all elements except non-replaced inlines
- Inherited
- no
- Percentages
- relative to width/height of containing block
- Computed value
- as specified, with <length-percentage> values computed
- Syntax
- auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain
The measurements
Each example is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
height:20px✓pixel-exact
Our renderChrome261 pixels differ from Chrome, the largest by 72 of 255 on one channel.
- Differing pixels
- 261
- Max channel delta
- 72
height:50%✕renders differently
Our renderChrome4,525 pixels differ from Chrome, the largest by 76 of 255 on one channel.
- Differing pixels
- 4,525
- Max channel delta
- 76
height:min-content✕renders differentlyOur renderChrome4,525 pixels differ from Chrome, the largest by 76 of 255 on one channel.
- Differing pixels
- 4,525
- Max channel delta
- 76
height:max-content✕renders differentlyOur renderChrome4,525 pixels differ from Chrome, the largest by 76 of 255 on one channel.
- Differing pixels
- 4,525
- Max channel delta
- 76
height:stretch✕renders differentlyOur renderChrome4,525 pixels differ from Chrome, the largest by 76 of 255 on one channel.
- Differing pixels
- 4,525
- Max channel delta
- 76
height:fit-content✕renders differentlyOur renderChrome4,525 pixels differ from Chrome, the largest by 76 of 255 on one channel.
- Differing pixels
- 4,525
- Max channel delta
- 76
height:auto✕renders differentlyOur renderChrome4,525 pixels differ from Chrome, the largest by 76 of 255 on one channel.
- Differing pixels
- 4,525
- Max channel delta
- 76
height:4px✓pixel-exact
Our renderChrome651 pixels differ from Chrome, the largest by 67 of 255 on one channel.
- Differing pixels
- 651
- Max channel delta
- 67
height:40%✕renders differentlyOur renderChrome4,525 pixels differ from Chrome, the largest by 76 of 255 on one channel.
- Differing pixels
- 4,525
- Max channel delta
- 76
height:calc(20px + 4px)✓pixel-exact
Our renderChrome336 pixels differ from Chrome, the largest by 67 of 255 on one channel.
- Differing pixels
- 336
- Max channel delta
- 67
height:calc(40% + 20px)✕renders differently
Our renderChrome37,398 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 37,398
- Max channel delta
- 204
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 8 branches; 7 of them carry a measurement. The publishing ceiling is 12 examples per property — a branch past it is left out by our choice, not by accident.
| Value | Measured |
|---|---|
| 20px | ✓pixel-exact |
| 50% | ✕renders differently |
| min-content | ✕renders differently |
| max-content | ✕renders differently |
| stretch | ✕renders differently |
| fit-content | ✕renders differently |
| contain | not measured |
| auto | ✕renders differently |
Measured against Chrome 148.0.7778.96 on 2026-08-27, with up to 40 candidate values tried per property. All properties · How the measurement works