作者:书友50398197 | 来源:互联网 | 2020-09-01 03:44
background-clip属性用于指定元素背景所在的区域,,可以指定:边框以内的区域、padding以内区域、内容以内的区域。例设置给属性的值为border-box,则背景被裁剪到边框盒,即边框以内的区域。
background-clip属性用于指定元素背景所在的区域,,可以指定:边框以内的区域、padding以内区域、内容以内的区域。
CSS background-clip属性
作用:规定背景的绘制区域。
语法:
background-clip: border-box|padding-box|content-box;
属性值:
● border-box:背景被裁剪到边框盒,即边框以内的区域。
● padding-box:背景被裁剪到内边距框,即padding以内区域。
● content-box:背景被裁剪到内容框,即内容以内的区域。
注:Internet Explorer 8 以及更早的版本不支持 background-clip 属性。
CSS background-clip属性的使用示例
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
效果图:
以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。更多精彩内容大家可以关注 第一PHP社区 相关教程栏目!!!
以上就是CSS3 background-clip属性怎么用?的详细内容,更多请关注 第一PHP社区 其它相关文章!