-webkit-background-clip：padding-box | border-box | content-box | text，指定对象的背景图像向外裁剪的区域。对应的脚本特性为backgroundClippadding-box从padding区域（不含padding ...
-webkit-background-clip：padding-box | border-box | content-box | text，指定对象的背景图像向外裁剪的区域。对应的脚本特性为backgroundClip
padding-box | 从padding区域（不含padding）开始向外裁剪背景。 |
border-box | 从border区域（不含border）开始向外裁剪背景。 |
content-box | 从content区域开始向外裁剪背景。 |
text | 从前景内容的形状（比如文字）作为裁剪区域向外裁剪，如此即可实现使用背景作为填充色之类的遮罩或实现文字渐变的效果。 |
| |
示例：
div{ font-size:40px; width:500px; margin:30px auto; text-align:center; border:5px solid #999; padding:10px;}.bgTest{background:-webkit-linear-gradient(top,#F00,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
原标题：Webkit 文字和背景效果
关键词：web
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
