background-image

Values

<border-box>, <padding-box>, <content-box>

Applicable to...

All elements

Inherited

Description

Defines the border inside the element-box, which is used to calculate the background-position. A part of the background-image can be cut off when the defined area of background-origin is bigger than the defined area of background-clip and the background is positioned in a corner of the element.

Examples

div#background-box{
background-origin: padding-box;
}
p#test{
background-origin: content-box, border-box;
}

Compatibility

Chrome	Firefox	Internet Explorer	Opera	Safari
1.0+	1.0+	9.0+	10.5+	3.0+