css3 学习笔记 backgriound-origin 与 background-clip
2017-10-17 18:57
447 查看
background-clip这个属性是受到background-origin的限制。即background-clip默认值等同于background-origin设置的值。
1,设置background-origin:border-box;则background-clip默认是border-box,可选padding-box和content-box。
2,设置background-origin:padding-box;则background-clip默认是padding-box,可选content-box,选择border-box时与padding-box展示效果相同。
3,设置background-origin:content-box;则background-clip默认是content-box,这个时候实质上background-clip属性已经没选择了,选择border-box,padding-box,content-box展示效果是一样的。
1,设置background-origin:border-box;则background-clip默认是border-box,可选padding-box和content-box。
2,设置background-origin:padding-box;则background-clip默认是padding-box,可选content-box,选择border-box时与padding-box展示效果相同。
3,设置background-origin:content-box;则background-clip默认是content-box,这个时候实质上background-clip属性已经没选择了,选择border-box,padding-box,content-box展示效果是一样的。
相关文章推荐
- css3之background-origin和background-clip的区别与联系
- css3属性中background-clip与background-origin的用法释疑
- 深入浅出CSS3:background-clip,background-origin和border-image教程
- css3中background-clip和background-origin的区别
- css3属性中background-clip与background-origin的用法释疑
- css3中background-clip和background-origin的区别
- 深入浅出CSS3:background-clip,background-origin和border-image教程
- css3 background-clip和background-origin
- css3,background-clip/background-origin的使用场景,通俗讲解
- 在css3中background-clip属性与background-origin属性的用法介绍
- css3属性中background-clip与background-origin的用法释疑
- CSS3教程:background-clip和background-origin
- 深入浅出CSS3:background-clip,background-origin和border-image教程
- CSS3中background-clip和background-origin的区别示例介绍
- 深入浅出CSS3:background-clip,background-origin和border-image教程
- 深入浅出CSS3 background-clip,background-origin和border-image教程
- css3属性中background-clip与background-origin的用法释疑
- 深入浅出CSS3 background-clip,background-origin和border-image教程
- css3,background-clip/background-origin的使用场景,通俗讲解
- css3中的background的新特性background-origin,background-clip,background-size详解