background-clip属性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了background-clip属性相关的知识,希望对你有一定的参考价值。

background-clip属性是background新增的第二个属性,用来定义背景图像的裁剪区域。和background-origin属性有几分相似,目前这个属性可以接受的值有:

padding-box:背景延伸要padding的外边缘,但不会超出边框范围。

border-box: 背景图片在边框下,这个是background-clip的默认值。

content-box:背景仅在内容区域绘制,不会超出padding和边框的范围。

如图:

技术分享

以上是关于background-clip属性的主要内容,如果未能解决你的问题,请参考以下文章

CSS3背景裁切属性——background-clip

background-clip:text属性

background-clip实现渐变文字

酷炫字体背景图的实现——神奇的background-clip: text

background-clip和background-origin

background-clip背景切割