Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
place-items
✓pixel-exact9 of 9 examples match Chromecss-align-3
Our rendering of the example is identical to Chrome's, pixel for pixel — no further apart than the example's own noise floor.
What the specification says
- Initial value
- see individual properties
- Applies to
- all elements
- Inherited
- no
- Percentages
- n/a
- Computed value
- see individual properties
- Syntax
- <'align-items'> <'justify-items'>?
The measurements
9 examples, 9 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.
place-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
place-items:end✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
place-items:self-end✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
place-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
place-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
place-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
place-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
place-items:unsafe center✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
place-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
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 34 branches; 9 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 | not measured |
| end | ✓pixel-exact |
| self-start | not measured |
| self-end | ✓pixel-exact |
| flex-start | not measured |
| flex-end | ✓pixel-exact |
| stretch normal | not measured |
| stretch stretch | not measured |
| stretch baseline | not measured |
| stretch first baseline | not measured |
| stretch last baseline | not measured |
| stretch center | not measured |
| stretch unsafe center | not measured |
| stretch safe center | not measured |
| stretch start | not measured |
| stretch end | not measured |
| stretch self-start | not measured |
| stretch self-end | not measured |
| stretch flex-start | not measured |
| stretch flex-end | not measured |
| stretch left | not measured |
| stretch right | not measured |
| stretch legacy | not measured |
| stretch legacy left | not measured |
| stretch legacy right | not measured |
| stretch legacy center | 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