CSS3 background-clip property
Examples
Specifies the background of the drawing area:
div
{
background-color:yellow;
background-clip:content-box;
}
{
background-color:yellow;
background-clip:content-box;
}
try it"
Browser Support
Figures in the table represent the first browser to support the version number of the property.
Immediately following the digital -webkit-, -ms- or -moz- ago in support of the prefix attribute first browser version number.
Attributes | |||||
---|---|---|---|---|---|
border-image | 16.0 4.0 -webkit- | 11.0 | 15.0 3.5 -moz- | 6.0 3.1 -webkit- | 15.0 11.0 -o- |
Tag definitions and instructions
background-clip property specifies the background of the drawing area.
Defaults: | border-box |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object object.style.backgroundClip = "content-box" |
grammar
background-clip: border-box|padding-box|content-box;
value | Explanation |
---|---|
border-box | Defaults. Background drawn in the frame block (frame cut into the box). |
padding-box | Background drawn in the padding block (cut into a block padding). |
content-box | Background drawn contents within the box (cut into a content block). |
related articles
CSS3 tutorial: CSS3 Backgrounds