当前位置:   article > 正文

CSS3 : background-origin背景开始与background-clip背景裁剪与区别和使用_css background-oriigin和background-clip相等

css background-oriigin和background-clip相等

background-origin和background-clip同为CSS属性,并且同为banckgound-image服务。

background-origin 背景原点

background-origin代表的是背景图片开始的原点,其中三个属性值

  1. content-box表示以内容区的左上角为原点展开背景图片
    这里写图片描述

  2. padding-box表示以内填充区左上角为原点展开背景图片
    这里写图片描述

  3. border-box表示以表框左上角为原点展开背景图片

这里写图片描述


background-clip 背景裁剪##

background-clip代表的是背景图片裁剪的区域,其中三个属性值

  1. content-box表示裁剪超出内容区的内容
    这里写图片描述

  2. padding-box表示裁剪超出内填充区的内容
    这里写图片描述

  3. border-box表示裁剪超出边框区的内容
    这里写图片描述

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

闽ICP备14008679号