CSS3 background-clip 属性

实例

规定背景的绘制区域：

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

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera
本在线速查手册由www.w（）（）3（）x（）（）u（）e.com提供，请勿盗用！

IE9+、Firefox、Opera、Chrome 以及 Safari 支持 background-clip 属性。

注释：Internet Explorer 8 以及更早的版本不支持 background-clip 属性。

定义和用法

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

默认值： border-box
继承性： no
版本： CSS3
JavaScript 语法： object.style.backgroundClip="content-box"
本在线速查手册由www.w（）（）3（）x（）（）u（）e.com提供，请勿盗用！

语法

background-clip: border-box|padding-box|content-box;
值 描述
border-box 背景被裁剪到边框盒。
padding-box 背景被裁剪到内边距框。
content-box 背景被裁剪到内容框。
本在线速查手册由www.w（）（）3（）x（）（）u（）e.com提供，请勿盗用！