CSS3 background-clip 属性

实例

指定绘图区的背景：

div { background-color:yellow; background-clip:content-box; }

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
background-clip	4.0	9.0	4.0	3.0	10.5

background-clip属性指定背景绘制区域。

默认值:	border-box
继承:	no
版本:	CSS3
JavaScript 语法:	object object.style.backgroundClip="content-box"

background-clip: border-box | padding-box | content-box;

值	说明
border-box	默认值。背景从元素的外边框（包括边框）开始填充。这是 background-clip 的默认值，意味着背景图像或颜色会扩展到包括边框区域在内的整个元素区域。
padding-box	背景只填充到内边距区域，即背景不会扩展到边框区域。背景图像或颜色会被裁剪在边框内，但不包括边框。
content-box	背景只填充到内容区域，即背景只会出现在内容区域内，完全不包括内边距和边框区域。背景会被裁剪在内容区域内。

CSS3 教程: CSS3 背景