Loading…
Dataset 20261001-0535-e08c90a · measured 2026-10-01 05:35 UTC
position-area
◐matches Chrome on some values11 of 12 examples match Chromecss-anchor-position-1
Some of the examples match Chrome and some do not. The count beside the verdict says how many — 11 of 12 — and the values that differ are listed on the property page. It is neither a pass nor a failure, and filing it under either would be a lie in one direction.
Here: 11 of 12 examples match Chrome. The one that does not: position-area:center — shown first below, each with its difference map.
What the specification says
- Initial value
- none
- Applies to
- positioned boxes with a default anchor box
- Inherited
- no
- Percentages
- n/a
- Computed value
- the keyword none or a pair of keywords, see § 3.1.3 Computed Value and Serialization of <position-area>
- Syntax
- none | <position-area>
The measurements
12 examples, 11 of them matching Chrome, the rest first. Each is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
position-area:center✕renders differently
Our renderChrome3,600 pixels differ from Chrome, the largest by 187 of 255 on one channel.
- Differing pixels
- 3,600
- Max channel delta
- 187
position-area:left✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
position-area:right✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
position-area:span-left✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
position-area:span-right✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
position-area:x-start✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
position-area:x-end✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
position-area:span-x-start✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
position-area:span-x-end✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
position-area:self-x-start✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
position-area:self-x-end✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
position-area:span-self-x-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 51 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 |
|---|---|
| left | ✓pixel-exact |
| center | ✕renders differently |
| right | ✓pixel-exact |
| span-left | ✓pixel-exact |
| span-right | ✓pixel-exact |
| x-start | ✓pixel-exact |
| x-end | ✓pixel-exact |
| span-x-start | ✓pixel-exact |
| span-x-end | ✓pixel-exact |
| self-x-start | ✓pixel-exact |
| self-x-end | ✓pixel-exact |
| span-self-x-start | ✓pixel-exact |
| span-self-x-end | not measured |
| span-all | not measured |
| top | not measured |
| bottom | not measured |
| span-top | not measured |
| span-bottom | not measured |
| y-start | not measured |
| y-end | not measured |
| span-y-start | not measured |
| span-y-end | not measured |
| self-y-start | not measured |
| self-y-end | not measured |
| span-self-y-start | not measured |
| span-self-y-end | not measured |
| block-start | not measured |
| block-end | not measured |
| span-block-start | not measured |
| span-block-end | not measured |
| inline-start | not measured |
| inline-end | not measured |
| span-inline-start | not measured |
| span-inline-end | not measured |
| self-block-start | not measured |
| self-block-end | not measured |
| span-self-block-start | not measured |
| span-self-block-end | not measured |
| self-inline-start | not measured |
| self-inline-end | not measured |
| span-self-inline-start | not measured |
| span-self-inline-end | not measured |
| start | not measured |
| end | not measured |
| span-start | not measured |
| span-end | not measured |
| self-start | not measured |
| self-end | not measured |
| span-self-start | not measured |
| span-self-end | not measured |
| none | not measured |
Measured against Chrome 148.0.7778.96 on 2026-10-01, with up to 40 candidate values tried per property. All properties · How the measurement works