语法：
background-clip ： border-box | padding-box | content-box | no-clip
相关属性 ： background-origin | background-size
取值：
- border-box：从border区域向外裁剪背景。
- padding-box：从padding区域向外裁剪背景。
- content-box：从content区域向外裁剪背景。
- no-clip：从border区域向外裁剪背景。
说明：
设置对象边框的颜色。
使用CSS3的border-radius属性，如果你设置了border的宽度是X px，那么你就可以在这个border上使用X种颜色，每种颜色显示1px的宽度。如果说你的border的宽度是10个像素，但是只声明了5或6种颜色，那么最后一个颜色将被添加到剩下的宽度。
| 引擎类型 | Gecko | Webkit | Presto |
|---|---|---|---|
| background-clip | -moz-background-clip | -webkit-background-clip | -o-background-clip |
兼容性：
| 类型 |  Internet Explorer |
 Firefox |
 Chrome |
 Opera |
 Safari |
|---|---|---|---|---|---|
| 版本 | (×)IE6 | (√)Firefox 3.0.10 | (√)Chrome 2.0.x | (√)Opera 9.64 | (√)Safari 4 |
| (×)IE7 | (√)Firefox 3.5 | ||||
| (×)IE8 |
示例：