CSS3 background-clip property
Definitions and usages
The background-clip property specifies the background drawing area.
Default: | border-box |
---|---|
Inherited: | no |
Version: | CSS3 |
JavaScript syntax: | object object.style.backgroundClip="content-box" |
Grammar
background-clip: border-box|padding-box|content-box;
Value | Description |
---|---|
border-box | The default. The background is drawn inside the border box (cut into a border box). |
padding-box | The background is drawn inside the liner box (cut into the lining box). |
content-box | The background is drawn inside the content box (cut into the content box). |
Specify the background of the plot area:
{
background-color:yellow;
background-clip:content-box;
}
Try it out . . .
Browser support
The numbers in the table support the first browser version number of the property.
The number immediately before -webkit-, -ms- or -moz- is the first browser version number that supports the prefix property.
Property | |||||
---|---|---|---|---|---|
border-image |
16.0
4.0 -webkit- |
11.0 |
15.0
3.5 -moz- |
6.0
3.1 -webkit- |
15.0
11.0 -o- |
Related articles
CSS3 tutorial: CSS3 Backgrounds