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>
运行实例 »
点击 "运行实例" 按钮查看在线实例