Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
grid-gap
✓pixel-exact11 of 11 examples match Chromecss-gaps-1
Our rendering of the example is identical to Chrome's, pixel for pixel — no further apart than the example's own noise floor.
The measurements
11 examples, 11 of them matching Chrome. Each is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
grid-gap:50%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px 50%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px 20px✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px normal✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:40%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px 40%✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap: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
grid-gap:calc(40% + 20px)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px calc(40% + 20px)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
grid-gap:20px 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 14 branches; 5 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% | ✓pixel-exact |
| hairline | not measured |
| thin | not measured |
| medium | not measured |
| thick | not measured |
| 20px normal | ✓pixel-exact |
| 20px 20px | ✓pixel-exact |
| 20px 50% | ✓pixel-exact |
| 20px hairline | not measured |
| 20px thin | not measured |
| 20px medium | not measured |
| 20px thick | not measured |
| normal | not measured |
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