Specifies the background painting area or areas relative to the element's bounding boxes.
background-clip: border-box | padding-box | content-box [ , border-box | padding-box | content-box ]*
One or more of the following values, separated by commas:
Initial value. The background is painted within (clipped to) the border box.
The background is painted within (clipped to) the padding box.
The background is painted within (clipped to) the content box.
|Applies To||All elements|
- CSS Backgrounds and Borders Module Level 3, Section 3.7
If the background-attachment property value for an element is set to "fixed", the background-clip property has no effect.
Starting in Windows Internet Explorer 9, the background of an element can have multiple layers. The number of layers is determined by the number of comma-separated values in the background-image property. Each of the images is sized, positioned, and tiled according to the corresponding value in the other background properties (background-attachment, background-clip, background-origin, background-position, background-repeat, and background-size). The first image in the list is the layer closest to the user, the next one is painted behind the first, and so on.
As of Internet Explorer for Windows Phone 8.1 Update, Internet Explorer for Windows Phone supports "-webkit-background-clip" as an alias for this property.