当前位置:   article > 正文

background-clip和background-origin

background-clip和background-origin
background-clip
修剪:背景颜色从哪些区域开始显示,默认从border开始
该属性指定了背景在哪些区域可以显示,但与背景开始绘制的位置无关,
背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了
一部分一样。
background-clip: border-box;//包含边框
background-clip: padding-box;//包含内边距
background-clip: content-box;//只包含内容,除去内边距


background-origin
起源:背景图片是从哪个区域开始绘制的(边框,补白或内容区域),默认从padding开始
该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置,
你可以用这个属性在边框上绘制背景,但边框上的背景显不显示出来那就要由background-clip来决定了
background-origin: border-box;//包含边框
background-origin: padding-box;//包含内边距
background-origin: content-box;//只包含内容,除去内边距

转载于:https://www.cnblogs.com/mmykdbc/p/6204430.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/590270
推荐阅读
相关标签
  

闽ICP备14008679号