{ background-origin: sPosition }可能的值sPosition一个字符串,用于指定一个或多个方框的位置。展开表 padding-box 默认值。该位置是相对于衬距方框而言的。对于单一方框,“0 0”是衬距边缘的左上角;“100% 100%”是右下角。 border-box 该位置是相对于边框方框而言的。 content-box 该位置是相对于内容...
必应词典为您提供background-origin的释义,网络释义: 背景原点;背景显示起始位置;背景定位;
CSS3 background-origin 属性 实例 内容框相对定位的背景图片: div { background-image:url('smiley.gif'); background-repeat:no-repeat; background-position:left; background-origin:content-box; } 尝试一下 » 浏览器支持..
background-origin属性用于指定背景图像background-image的原点(左上角)位置相对于元素的位置。 background-origin属性和其它CSS背景属性结合使用时会得到不同的效果,例如background-clip属性和background-repeat属性。 当设置background-attachment属性为fixed时,该属性将被忽略不起作用。 在CSS中一个元素有3个区域,我们...
css中background-origin属性的使用 background-origin用来规定元素背景图像的相对定位位置,它有三个属性值: 1、border-box border-box表示元素背景图像相对于border区域开始定位。 代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 <!doctypehtml> *{
background-clip是用来设置div(元素)中背景(包括背景色和背景图)的起始位置,而background-origin是截取的背景图的起始位置。 当有background-origin: content-box的时候: 没有background-origin: content-box的时候: 从以上两张图可以明显看到截取的背景图位置不一样,当没有background-origin是背景图默认是从padding...
background-origin属性 在解释backgorund-origin属性之前，我们先来了解⼀下盒⼦模型。下边的盒⼦模型包含边框，内边距和内容三部分。⿊⾊代表边框区域，我们称之为边框盒⼦border-box 蓝⾊区域代表padding补⽩区域，我们称之为padding补⽩盒⼦padding-box 黄⾊区域代表内容区域，我们称之为内容盒⼦...
8.background-origin:指定对象的背景图像显示的原点。 取值:padding-box:从padding区域(不含padding)开始向外裁剪背景。 border-box:从border区域(不含border)开始向外裁剪背景。 content-box:从content 区域开始向外裁剪背景。 二、颜色:color:设置对象的文本颜色。
<length>将相应尺寸的图像拉伸到指定的长度。负值是不允许的。<percentage>将相应尺寸的图像拉伸至背景定位区域的指定百分比。背景定位区域由background-origin(默认为填充框)的值确定。但是,如果背景的background-attachment值是fixed,定位区域是整个视口。负值是不允许的。