How far does the background image extend

background-clip

This property controls whether a background images extends all the way to its borders.

Property values

One of the keyword values:

border-box The background extends to the outside edge of the border, underneath the border in z-order
padding-box The background extends to the outside edge of the padding, with no background beneath the border
content-box The background is clipped to the text content limits.
text Only the foreground text is painted with the colors from background image.

Examples

background-clip: border-box;
background-clip
0

style > background > background-clipHow far does the background image extend

🔗 🔎