Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
max-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
- none
- Applies to
- all elements that accept width or height
- Inherited
- no
- Percentages
- relative to width/height of containing block
- Computed value
- as specified, with <length-percentage> values computed
- Syntax
- none | <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.
max-height:4px✓pixel-exact
Our renderChrome3 pixels differ from Chrome, the largest by 64 of 255 on one channel.
- Differing pixels
- 3
- Max channel delta
- 64
max-height:min-content✕renders differently
Our renderChrome9,600 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 9,600
- Max channel delta
- 204
max-height:max-content✕renders differently
Our renderChrome9,600 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 9,600
- Max channel delta
- 204
max-height:fit-content✕renders differentlyOur renderChrome9,600 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 9,600
- Max channel delta
- 204
max-height:20px✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
max-height:calc(20px + 4px)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 8 branches; 4 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% | not measured |
| min-content | ✕renders differently |
| max-content | ✕renders differently |
| stretch | not measured |
| fit-content | ✕renders differently |
| contain | not measured |
| none | not measured |
Tests in the suite that name this property
Secondary evidence: 1 Web Platform Test carry a spec anchor pointing at this property. Only 1,254 tests in the whole corpus carry such an anchor, so an empty list here means nothing at all.
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