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