transform-box
The transform-box property specifies the box used for transform operations.
Formal Syntax
content-box | border-box | fill-box | stroke-box | view-box
JavaScript Access
// Access via element.style
element.style.transformBox = 'view-box';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| transform-box | 64 | 55 | 11 | 79 |
| border-box | 118 | 55 | 11 | 118 |
| content-box | 118 | 125 | 13.1 | 118 |
| fill-box | 64 | 55 | 11 | 79 |
| stroke-box | 118 | 125 | 13.1 | 118 |
| view-box | 64 | 55 | 11 | 79 |
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-path
- offset-position
- offset-rotate
- perspective
- perspective-origin
- position
- right
- rotate
- scale
- top
- transform
- transform-origin
- transform-style
- translate
- zoom
- overlay ๐งช