The background-clip property determines the background painting area. You can use this property when layering multiple background images to change where the various images are clipped in the box.
background-clip in CSS Versions:
Box has the values:
The background is painted within the border box—underneath the border.
The background is painted within the padding box. The border is outside the background image.
The background is painted within the content box. The border and padding are outside the background image.
background-clip Initial Value:
background-clip Applies To:
This property is not inherited.
background-clip Browser Support:
Clip to the padding box:
Clip to the content box:
background-clip Special Notes:
background-clipwill have no affect on the
HTMLelement because the root element of a document has a different painted area.
- Remember that if the painted area is the default or
border-boxthe background image will be painted behind the border.