阅读 (1)

CSS background-clip 属性

定义和用法

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

另请参阅:

CSS 教程:CSS 背景CSS 背景(高级)

HTML DOM 参考手册:backgroundClip 属性

实例

规定背景的绘制区域:

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

亲自试一试

CSS 语法

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

属性值

描述测试
border-box背景被裁剪到边框盒。测试
padding-box背景被裁剪到内边距框。测试
content-box背景被裁剪到内容框。测试

技术细节

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

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

ChromeEdgeFirefoxSafariOpera
ChromeIE / EdgeFirefoxSafariOpera
4.09.04.03.010.5