css background-clip属性
翻译结果：
background
英 [ˈbækgraʊnd] 美 [ˈbækˌɡraʊnd]
n.（画等的）背景;底色;背景资料;配乐
复数： backgrounds
clip
英 [klɪp] 美 [klɪp]
n.修剪;（塑料或金属的）夹子;回纹针;剪报
vt.& vi.用别针别在某物上，用夹子夹在某物上
vt.剪;剪掉;缩短;给…剪毛（或发）
vi.修剪;剪;剪下报刊上的文章（或新闻、图片等）;迅速行动
第三人称单数： clips 复数： clips 现在分词： clipping 过去式： clipped 过去分词： clipped clipt
css background-clip属性语法
background-clip属性怎么用？
background-clip属性指定元素背景所在的区域,。语法：background-clip: border-box|padding-box|content-box；其中，border-box（边框以内的区域），padding-box（padding区域以内区域），content-box（内容区域以内的区域）。
作用：规定背景的绘制区域。
语法：background-clip: border-box|padding-box|content-box;
说明：border-box 背景被裁剪到边框盒。padding-box 背景被裁剪到内边距框。 content-box 背景被裁剪到内容框。
注释：Internet Explorer 8 以及更早的版本不支持 background-clip 属性。
css background-clip属性示例
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:300px;
height:300px;
padding:50px;
background-color:yellow;
background-clip:content-box;
border:2px solid #92b901;
}
</style>
</head>
<body>
<div>
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例