实例

规定背景的绘制区域：

div
{
background-color:yellow;
background-clip:content-box;
}
浏览器支持
IE
Firefox
Chrome
Safari
Opera
IE9+、Firefox、Opera、Chrome 以及 Safari 支持 background-clip 属性。
注释：Internet Explorer 8 以及更早的版本不支持 background-clip 属性。
定义和用法
background-clip 属性规定背景的绘制区域。
默认值：
border-box
继承性：
no
版本：
CSS3
JavaScript 语法：
object.style.backgroundClip="content-box"
语法
background-clip: border-box|padding-box|content-box;
值
描述
测试
border-box
背景被裁剪到边框盒。
测试
padding-box
背景被裁剪到内边距框。
测试
content-box
背景被裁剪到内容框。
测试