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>

运行实例 »

点击 "运行实例" 按钮查看在线实例