background-origin与background-clip
两者都与元素背景的显示有关，其可选值都是：border、padding、content
两者的区别：background-origin设置背景开始描绘的位置，background-clip控制背景显示的位置
细细分析就是：background-origin设置了背景开始描绘的位置，但是最终会不会显示在页面上取决于background-clip是从哪里开始显示的。假设background-origin设置背景从border位置开始描绘，但background-clip控制背景从padding位置开始显示，则最终显示结果就是边框处背景不显示，只显示其余部分，此时图片就像被边框裁剪了一样。
备注：background-clip默认值为border
background-origin还与background-position有关
background-size设置背景图片大小
注意：background-origin与background-clip使用时需要添加-webkit-、-o-、-moz-等前缀。
CSS3 背景 CSS3 background-origin 属性 background-origin 属性规定背...
background-origin与background-clip两者都与元素背景的显示有关，其可选值都是：bor...
一、灵活的背景定位 背景知识：background-position，background-origin，calc...
1.css3与背景相关新增属性： background-origin ：指定绘制背景图片的起点backgroun...
4.2 CSS3 背景原点属性 4.2.1 background-origin 属性的语法及参数 backgrou...
背景 background-origin 这个属性规定了背景图片的定位区域.背景图片可以放置于border-box...
第5章 与背景相关的样式 background-origin background-origin设置元素背景图片的...
background-clip和background-origin是CSS3中新增的2个和背景相关的属性。只需要从...
知识点： CSS3 背景图像区域CSS3 背景图像定位CSS3 背景图像大小CSS3 多重背景图像CSS3 背景属...
div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css ...
本文标题：CSS背景定位--background-origin
本文链接：https://www.haomeiwen.com/subject/dqzchxtx.html
网友评论