Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
-webkit-align-items
✕parsed, no effectcompat
The parser accepts the name, yet our rendering is byte-identical with and without the declaration while Chrome's is not. The declaration is being swallowed.
What the specification says
- Syntax
- normal | stretch | <baseline-position> | <overflow-position>? <self-position>
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.
-webkit-align-items:last baseline✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-align-items:end✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-align-items:self-end✕parsed, no effect
Our renderChrome12,000 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 12,000
- Max channel delta
- 187
-webkit-align-items:flex-end✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-align-items:baseline✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-align-items:first baseline✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-align-items:center✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-align-items:unsafe center✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-align-items:safe center✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-align-items:start✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
-webkit-align-items:self-start✕parsed, no effect
Our renderChrome9,600 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 9,600
- Max channel delta
- 187
-webkit-align-items:flex-start✓pixel-exactOur 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; 12 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 |
|---|---|
| stretch | not measured |
| baseline | ✓pixel-exact |
| first baseline | ✓pixel-exact |
| last baseline | ✓pixel-exact |
| center | ✓pixel-exact |
| unsafe center | ✓pixel-exact |
| safe center | ✓pixel-exact |
| start | ✓pixel-exact |
| end | ✓pixel-exact |
| self-start | ✕parsed, no effect |
| self-end | ✕parsed, no effect |
| flex-start | ✓pixel-exact |
| flex-end | ✓pixel-exact |
| normal | not measured |
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