background-clip

background-clip 规定元素的背景（背景图片或颜色）的绘制区域。

 

语法

background-clip: padding-box
background-clip: border-box
background-clip: content-box

值

值描述
border-box 此关键词表示背景延伸到边框外沿，必须在边框之下。
padding-box 此关键词表示边框下没有背景，就是背景延伸到内边距外延。
content-box 此关键词表示背景剪裁到内容区域的外沿。

例子

HTML 

<p class="hudao">Hudaokeji</p>

CSS 

.hudao {
       border: 2px gray;
       border-style: dotted;
       margin: 1em;
       padding: 1em;
       background: red;
       background-clip: border-box;
}

执行结果

Hudaokeji

参考

相关链接

外部链接


跳至内容顶部