CSS background-clip 属性

实例

规定背景的绘制区域:

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

亲自试一试

浏览器支持

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

属性 Chrome IE Firefox Safari Opera
background-clip 4.0 9.0 4.0 3.0 10.5

定义和用法

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 背景被裁剪到内容框。 测试

相关页面

CSS3 教程:CSS3 背景

CSS 参考手册

CSS 属性

目录