We use cookies to improve your experience. Learn more in our Privacy policy.
background-clip
Sets whether an element's background extends behind its border box, padding box, or content box.
| Initial value | border-box |
| Applies to | all elements in the page |
Syntax
background-clip: content-box;
Values
The background extends to the outer edge of the border (but underneath the border in z-ordering).
The background extends to the outer edge of the padding. No background is drawn beneath the border.
The background is clipped to the content-box.
The background is clipped to the text in the element.
Browser support
| background-clip | 1 | 12 | 4 | 9 | 10.5 | 3 |
| content-box | 1 | 12 | 4 | 9 | 10.5 | 3 |
| text | 3 | 15 | 49 | 15 | 4 |