background-clip
The background-clip property specifies the clipping area for a background image.
Formal Syntax
<bg-clip>#
JavaScript Access
// Access via element.style
element.style.backgroundClip = 'border-box';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| background-clip | 1 | 4 | 5 | 12 |
| border-area | — | — | 18.2 | — |
| border-box | 1 | 4 | 3 | 12 |
| content-box | 1 | 4 | 3 | 12 |
| padding-box | 1 | 4 | 3 | 12 |
| text | 120 | 49 | 14 | 120 |
Related Properties
- background
- background-attachment
- background-blend-mode
- background-color
- background-image
- background-origin
- background-position
- background-position-x
- background-position-y
- background-repeat
- background-size
- background-repeat-x 🧪
- background-repeat-y 🧪
- background-position-block 🚧
- background-position-inline 🚧
- background-repeat-block 🚧
- background-repeat-inline 🚧
- background-tbd 🚧