1.padding-box:背景图像相对于内边距框来定位。 2.border-box:背景图像相对于边框盒来定位。 3.content-box:背景图像相对于内容框来定位。 background-clip: background-clip:规定背景的绘制区域。背景被裁剪到什么位置,和origin属性相似 1.padding-box:背景图像被裁剪到内边距内部。 2.border-box: 背景图像被裁...
其中border为30px,padding为50px,宽为300px,高为200px border-box包括了border区域、padding区域和内容区域,因此,上图中它的宽为30*2+50*2+300=460px,高为30\2+50*2+200=360px,即border-box大小为460px*360px; padding-box则包括了padding区域和内容区域,宽50*2+300px,高50*2+200px,为400px*300px;...
background-origin: border-box; 从边框区域开始显示背景,背景会延伸到外边界的边框,但边框在上,背景在下。 background-origin: padding-box; 从补白区域开始显示背景,背景延伸到最外边界的padding,边框不会有背景出现。 background-origin: content-box; 仅在内容区显示背景。 background-clip:指定背景的裁剪区域。
指定了背景图片原点相对于背景容器的位置,默认值为padding-box,表示和padding区域的原点对齐 border-box 背景图片会和容器的border原点对齐。 padding-box 背景图片会和容器的padding区域的原点对齐 content-box 背景图片会和容器的内容区域原点对齐 在background-attachment:fixed下会没有作用,因为此时的图片容器是相对于...
background-origin:content-box; } 1. 2. 3. 4. 5. 6. 7. 8. 背景所在的区域 background-cilp: 制定背景绘制的区域,取值有四个: border-box默认值,背景放置在边框方框内(剪切成边框方框) padding-box背景绘制在内边距方框内(剪切成衬距方框) ...
border-box 背景图片会和容器的border原点对齐。 padding-box 背景图片会和容器的padding区域的原点对齐 content-box 背景图片会和容器的内容区域原点对齐 在background-attachment:fixed下会没有作用,因为此时的图片容器是相对于当前窗口了,最好的办法就是实践一下,就可以知道差别了: ...
取值:padding-box:从padding区域(不含padding)开始向外裁剪背景。 border-box:从border区域(不含border)开始向外裁剪背景。 content-box:从content 区域开始向外裁剪背景。 二、颜色:color:设置对象的文本颜色。 可使用颜色名,rgb,hex,rgba,hsl,hsla,transparent等等来设置。
百度试题 题目background-origin属性中的padding-box属性值用于定义背景图像相对于内边距区域来定位 相关知识点: 试题来源: 解析 正确 反馈 收藏
1.padding-box:背景图像被裁剪到内边距内部。 2.border-box: 背景图像被裁剪到边框内部。 3.content-box:背景图像被裁剪到内容框内部。 1. 2. 3. 4. background-attachment: 1. background-attachment:规定背景图像是否固定或者随着页面的其余部分滚动。
百度试题 题目假设给一个div设置了background-orign:padding-box,那么说法正确的是: 相关知识点: 试题来源: 解析 在paddingd的外边缘背景图片位置在border内边缘 反馈 收藏