CSS教程
/ background-clip
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" |
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | IE / Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |