CSS background-clip property specifies how far the background-color and background-image should be from the element. If the element has no background-image or background-color, this property will only have a visual effect when the border has transparent regions or partially opaque regions, otherwise, the border shows the difference.

The background-clip property is one of the CSS3 properties.

For clipping a background to a text there is also a vendor-prefixed version of the background-clip property.

Initial Value	border-box
Applies to	All elements. It also applies to ::first-letter and ::first-line.
Inherited	No.
Animatable	No.
Version	CSS3
DOM Syntax	object.style.backgroundClip = “content-box”;