Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
offset
–not implemented0 of 4 examples match Chromemotion-1
The engine's CSS parser does not know this property name, so the declaration is dropped where it is read.
What the specification says
- Initial value
- see individual properties
- Applies to
- transformable elements
- Inherited
- see individual properties
- Percentages
- see individual properties
- Computed value
- see individual properties
- Syntax
- [ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?
The measurements
4 examples, 0 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.
offset:ray(45deg) 80px–not implemented
Our renderChrome47,946 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 47,946
- Max channel delta
- 204
offset:path("M 20 40 L 240 40 L 240 160") 50% / left top–not implemented
Our renderChrome46,400 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 46,400
- Max channel delta
- 204
offset:path("M 20 40 L 240 40 L 240 160") 50%–not implemented
Our renderChrome26,000 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 26,000
- Max channel delta
- 204
offset:path("M 20 40 L 240 40 L 240 160") 30% 45deg–not implemented
Our renderChrome14,569 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 14,569
- Max channel delta
- 204
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 126 branches; 0 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 | not measured |
| center | not measured |
| right | not measured |
| top | not measured |
| bottom | not measured |
| x-start | not measured |
| x-end | not measured |
| y-start | not measured |
| y-end | not measured |
| block-start | not measured |
| block-end | not measured |
| inline-start | not measured |
| inline-end | not measured |
| 20px | not measured |
| 50% | not measured |
| left top | not measured |
| center top | not measured |
| right top | not measured |
| x-start top | not measured |
| x-end top | not measured |
| left center | not measured |
| left bottom | not measured |
| left y-start | not measured |
| left y-end | not measured |
| 20px top | not measured |
| 50% top | not measured |
| left 20px | not measured |
| left 50% | not measured |
| block-start inline-start | not measured |
| center inline-start | not measured |
| block-end inline-start | not measured |
| block-start center | not measured |
| block-start inline-end | not measured |
| start start | not measured |
| center center | not measured |
| end end | not measured |
| left 20px top 20px | not measured |
| right 20px top 20px | not measured |
| x-start 20px top 20px | not measured |
| x-end 20px top 20px | not measured |
| left 50% top 20px | not measured |
| left 20px bottom 20px | not measured |
| left 20px y-start 20px | not measured |
| left 20px y-end 20px | not measured |
| left 20px top 50% | not measured |
| block-start 20px inline-start 20px | not measured |
| block-end 20px inline-start 20px | not measured |
| block-start 50% inline-start 20px | not measured |
| block-start 20px inline-end 20px | not measured |
| block-start 20px inline-start 50% | not measured |
| start 20px start 20px | not measured |
| end 20px end 20px | not measured |
| start 50% start 50% | not measured |
| url(data:image/gif;base64,R0lGODlhAQABAIAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=) | not measured |
| inset(20px) | not measured |
| circle(60px) | not measured |
| ellipse(80px 40px) | not measured |
| polygon(0 0, 100% 0, 50% 100%) | not measured |
| content-box | not measured |
| padding-box | not measured |
| border-box | not measured |
| fill-box | not measured |
| stroke-box | not measured |
| view-box | not measured |
| url(data:image/gif;base64,R0lGODlhAQABAIAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=) 20px | not measured |
| url(data:image/gif;base64,R0lGODlhAQABAIAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=) 50% | not measured |
| url(data:image/gif;base64,R0lGODlhAQABAIAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=) auto | not measured |
| url(data:image/gif;base64,R0lGODlhAQABAIAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=) reverse | not measured |
| url(data:image/gif;base64,R0lGODlhAQABAIAAAP8AAAAAACwAAAAAAQABAAACAkQBADs=) 30deg | not measured |
| / left | not measured |
| / auto | not measured |
| / center | not measured |
| / right | not measured |
| / top | not measured |
| / bottom | not measured |
| / x-start | not measured |
| / x-end | not measured |
| / y-start | not measured |
| / y-end | not measured |
| / block-start | not measured |
| / block-end | not measured |
| / inline-start | not measured |
| / inline-end | not measured |
| / 20px | not measured |
| / 50% | not measured |
| / left top | not measured |
| / center top | not measured |
| / right top | not measured |
| / x-start top | not measured |
| / x-end top | not measured |
| / left center | not measured |
| / left bottom | not measured |
| / left y-start | not measured |
| / left y-end | not measured |
| / 20px top | not measured |
| / 50% top | not measured |
| / left 20px | not measured |
| / left 50% | not measured |
| / block-start inline-start | not measured |
| / center inline-start | not measured |
| / block-end inline-start | not measured |
| / block-start center | not measured |
| / block-start inline-end | not measured |
| / start start | not measured |
| / center center | not measured |
| / end end | not measured |
| / left 20px top 20px | not measured |
| / right 20px top 20px | not measured |
| / x-start 20px top 20px | not measured |
| / x-end 20px top 20px | not measured |
| / left 50% top 20px | not measured |
| / left 20px bottom 20px | not measured |
| / left 20px y-start 20px | not measured |
| / left 20px y-end 20px | not measured |
| / left 20px top 50% | not measured |
| / block-start 20px inline-start 20px | not measured |
| / block-end 20px inline-start 20px | not measured |
| / block-start 50% inline-start 20px | not measured |
| / block-start 20px inline-end 20px | not measured |
| / block-start 20px inline-start 50% | not measured |
| / start 20px start 20px | not measured |
| / end 20px end 20px | not measured |
| / start 50% start 50% | not measured |
| normal | not measured |
| auto | not measured |
| none | 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