offset-path
The offset-path property specifies the path for an element to follow.
Formal Syntax
none | <offset-path> || <coord-box>
JavaScript Access
// Access via element.style
element.style.offsetPath = 'none';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| offset-path | 55 | 72 | 15.4 | 79 |
| basic_shape | 116 | 122 | 18 | 116 |
| border-box | 116 | 122 | 18 | 116 |
| content-box | 116 | 122 | 18 | 116 |
| fill-box | 116 | 122 | 18 | 116 |
| margin-box | โ | โ | 18 | โ |
| none | 80 | 72 | 18 | 80 |
| padding-box | 116 | 122 | 18 | 116 |
| path | 64 | 72 | 16 | 79 |
| ray | 116 | 122 | 16 | 116 |
| stroke-box | 116 | 122 | 18 | 116 |
| url | 116 | 122 | 17 | 116 |
| view-box | 116 | 122 | 18 | 116 |
Related Properties
- backface-visibility
- bottom
- inset
- inset-block
- inset-block-end
- inset-block-start
- inset-inline
- inset-inline-end
- inset-inline-start
- left
- offset
- offset-anchor
- offset-distance
- offset-position
- offset-rotate
- perspective
- perspective-origin
- position
- right
- rotate
- scale
- top
- transform
- transform-box
- transform-origin
- transform-style
- translate
- zoom
- overlay ๐งช