CSS3 background-clip 属性

实例

规定背景的绘制区域:

  1. div
  2. {
  3. background-color:yellow;
  4. background-clip:content-box;
  5. }

浏览器支持


IE Firefox Chrome Safari Opera
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"

语法

  1. background-clip: border-box|padding-box|content-box;
描述
border-box 背景被裁剪到边框盒。
padding-box 背景被裁剪到内边距框。
content-box 背景被裁剪到内容框。

相关页面

CSS3 教程:CSS3 背景