background-clip和background-origin

Posted

tags:

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

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

该属性指定了背景在哪些区域可以显示,但与背景开始绘制的位置无关,背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。

background-origin:padding-box|border-box|content-box

该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置,你可以用这个属性在边框上绘制背景,但边框上的背景显不显示出来那就要由background-clip来决定了

 


END


 

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

background-clip指定背景绘制区域

background-clip和background-origin

background-clip背景切割

巧用 background-clip 实现超强的文字动效

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

background-clip