您的位置: 首页 > -webkit-background-clip
-webkit-background-clip 属性
指定对象的背景图像向外裁剪的区域。对应的脚本特性为backgroundClip。
有-webkit-前缀: ? 3.0 ? 1.0
无-webkit-前缀: 4.0 5.1.7 ? ?
?: 表示版本号未知，但该属性可用。
语法
-webkit-background-clip: padding-box | border-box | content-box | text | padding | border | content
取值
| border-box | 默认值，从border区域（不含border）开始向外裁剪背景。 |
|---|---|
| padding-box | 从padding区域（不含padding）开始向外裁剪背景。 |
| content-box | 从content区域开始向外裁剪背景。 |
| text | 从前景内容的形状（比如文字）作为裁剪区域向外裁剪，如此即可实现使用背景作为填充色之类的遮罩效果。 |
| padding | 类似 padding-box（WebKit 早期的实现） |
| border | 类似 border-box（WebKit 早期的实现） |
| content | 类似 content-box（WebKit 早期的实现） |