Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
block-size
◐matches Chrome on some values4 of 11 examples match Chromecss-logical-1
Some of the examples match Chrome and some do not. The count beside the verdict says how many — 11 of 12 — and the values that differ are listed on the property page. It is neither a pass nor a failure, and filing it under either would be a lie in one direction.
Here: 4 of 11 examples match Chrome. The 7 that do not: block-size:50%, block-size:min-content, block-size:max-content, block-size:stretch, block-size:fit-content, block-size:40%, block-size:calc(40% + 20px) — shown first below, each with its difference map.
What the specification says
- Initial value
- auto
- Applies to
- Same as height and width
- Inherited
- no
- Percentages
- As for the corresponding physical property
- Computed value
- Same as height, width
- Syntax
- <'width'>
The measurements
11 examples, 4 of them matching Chrome, the rest first. Each is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
block-size:50%✕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
block-size: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
block-size:max-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
block-size:stretch✕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
block-size: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
block-size:40%✕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
block-size:calc(40% + 20px)✕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
block-size:auto✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
block-size:20px✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
block-size:4px✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
block-size: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; 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 | ✓pixel-exact |
Measured against Chrome 148.0.7778.96 on 2026-10-11, with up to 40 candidate values tried per property. All properties · How the measurement works