Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
width
✕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.
width:stretch✕renders differently
Our renderChrome12,454 pixels differ from Chrome, the largest by 87 of 255 on one channel.
- Differing pixels
- 12,454
- Max channel delta
- 87
width:50%✕renders differently
Our renderChrome6,758 pixels differ from Chrome, the largest by 87 of 255 on one channel.
- Differing pixels
- 6,758
- Max channel delta
- 87
width:20px✓pixel-exact
Our renderChrome142 pixels differ from Chrome, the largest by 87 of 255 on one channel.
- Differing pixels
- 142
- Max channel delta
- 87
width:min-content✓pixel-exact
Our renderChrome3,204 pixels differ from Chrome, the largest by 87 of 255 on one channel.
- Differing pixels
- 3,204
- Max channel delta
- 87
width:max-content✓pixel-exactOur renderChrome3,204 pixels differ from Chrome, the largest by 87 of 255 on one channel.
- Differing pixels
- 3,204
- Max channel delta
- 87
width:fit-content✓pixel-exactOur renderChrome3,204 pixels differ from Chrome, the largest by 87 of 255 on one channel.
- Differing pixels
- 3,204
- Max channel delta
- 87
width:auto✓pixel-exactOur renderChrome3,204 pixels differ from Chrome, the largest by 87 of 255 on one channel.
- Differing pixels
- 3,204
- Max channel delta
- 87
width:40%✕renders differently
Our renderChrome5,722 pixels differ from Chrome, the largest by 87 of 255 on one channel.
- Differing pixels
- 5,722
- Max channel delta
- 87
width:4px✓pixel-exact
Our renderChrome544 pixels differ from Chrome, the largest by 87 of 255 on one channel.
- Differing pixels
- 544
- Max channel delta
- 87
width:calc(40% + 20px)✕renders differently
Our renderChrome5,882 pixels differ from Chrome, the largest by 87 of 255 on one channel.
- Differing pixels
- 5,882
- Max channel delta
- 87
width:calc(20px + 4px)✓pixel-exact
Our renderChrome174 pixels differ from Chrome, the largest by 87 of 255 on one channel.
- Differing pixels
- 174
- Max channel delta
- 87
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 | ✓pixel-exact |
| max-content | ✓pixel-exact |
| stretch | ✕renders differently |
| fit-content | ✓pixel-exact |
| contain | not measured |
| auto | ✓pixel-exact |
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