Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
justify-self
✕parsed, no effectcss-align-3
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
- Initial value
- auto
- Applies to
- block-level boxes, absolutely-positioned boxes, and grid items
- Inherited
- no
- Percentages
- n/a
- Computed value
- specified keyword(s)
- Syntax
- auto | <overflow-position>? [ normal | <self-position> | left | right ] | stretch | <baseline-position> | anchor-center
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.
justify-self:center✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
justify-self:unsafe center✕parsed, no effect
Our renderChrome4,800 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 4,800
- Max channel delta
- 187
justify-self:safe center✕parsed, no effectOur renderChrome4,800 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 4,800
- Max channel delta
- 187
justify-self:start✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
justify-self:end✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
justify-self:self-start✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
justify-self:self-end✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
justify-self:flex-start✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
justify-self:flex-end✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
justify-self:left✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
justify-self:right✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
justify-self:baseline✓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 18 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 |
|---|---|
| center | ✓pixel-exact |
| unsafe center | ✕parsed, no effect |
| safe center | ✕parsed, no effect |
| start | ✓pixel-exact |
| end | ✓pixel-exact |
| self-start | ✓pixel-exact |
| self-end | ✓pixel-exact |
| flex-start | ✓pixel-exact |
| flex-end | ✓pixel-exact |
| left | ✓pixel-exact |
| right | ✓pixel-exact |
| stretch | not measured |
| baseline | ✓pixel-exact |
| first baseline | not measured |
| last baseline | not measured |
| anchor-center | not measured |
| auto | not measured |
| normal | not measured |
Tests in the suite that name this property
Secondary evidence: 27 Web Platform Tests 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.
✓css/css-align/blocks/justify-self-block-in-inline-002.html✓css/css-align/blocks/safe-justify-self-text-align-1.html✓css/css-flexbox/abspos/flex-abspos-staticpos-justify-self-001.html✓css/css-grid/abspos/grid-abspos-staticpos-justify-self-001.html✓css/css-grid/abspos/grid-abspos-staticpos-justify-self-002.html✕css/css-grid/abspos/grid-abspos-staticpos-justify-self-img-001.html✕css/css-grid/abspos/grid-abspos-staticpos-justify-self-img-002.html✓css/css-grid/abspos/grid-abspos-staticpos-justify-self-img-last-baseline-001.html✓css/css-grid/abspos/grid-abspos-staticpos-justify-self-img-last-baseline-002.html✓css/css-grid/abspos/grid-abspos-staticpos-justify-self-last-baseline-001.html✓css/css-grid/abspos/grid-abspos-staticpos-justify-self-last-baseline-002.html✓css/css-grid/abspos/grid-abspos-staticpos-justify-self-rtl-001.html
+ 15 more
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