CSS3 background-clip 属性

w3school 在线教程

## CSS 参考手册

- CSS 参考手册
- CSS 选择器
- CSS 听觉参考手册
- CSS 网络安全字体
- CSS 单位
- CSS 颜色
- CSS 颜色值
- CSS 颜色名
- CSS 颜色十六进制

# CSS3 background-clip 属性

CSS 参考手册

## 实例

规定背景的绘制区域：

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

亲自试一试

## 浏览器支持

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"

## 语法

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

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

## 相关页面

CSS3 教程：CSS3 背景

CSS 参考手册