background-clip

Values

border-box | padding-box | content-box

Applicable to...

All elements

Inherited

Description

Defines whether an elements background extends underneath its border. The initial value is border-box which specifies that the background extends to the outside edge of the border. padding-box defines that there's no background below the border and content-box defines that the background is painted within the content box.

Examples

body{
background-clip: content-box;
}
div#background-box{
background-clip: border-box, content-box, padding-box;
}
.test-box{
background-clip:padding-box;
}

Compatibility

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