JavaScript HTML DOM Style backgroundPosition 属性
-
backgroundPosition 属性
backgroundPosition属性设置或返回元素中背景图像的位置。更改背景图像的位置:
尝试一下document.body.style.backgroundPosition = "top right";
-
浏览器支持
项 IE/Edge Chrome FireFox Safari Opera 属性 backgroundPosition 4.0+1.0+1.0+1.0+3.5+ -
语法
返回backgroundPosition属性:object.style.backgroundPosition设置backgroundPosition属性:object.style.backgroundPosition = value -
属性值
值 描述 - top left
- top center
- top right
- center left
- center center
- center right
- bottom left
- bottom center
- bottom right
如果您只指定一个关键字,则另一个值将是“center”。 x% y% x值表示水平位置,y值表示垂直位置。 左上角为0%0%。 右下角是100%100%。 如果只指定一个值,则另一个值为50%。 xpos ypos x值表示水平位置,y值表示垂直位置。 左上角为0 0.单位可以是像素(0px 0px)或任何其他CSS单位。 如果只指定一个值,则另一个值为50%。 你可以混合%和单位 initial 将此属性设置为其默认值。 阅读有关initial信息 inherit 从其父元素继承此属性。 阅读有关inherit的信息 -
技术细节
项目 描述 默认值: 0% 0% 返回值: 一个字符串,表示背景图像的位置 CSS版本 CSS1 -
更多例子
将<div>元素中背景图像的位置更改为中心底部:
尝试一下document.getElementById("myDiv").style.backgroundPosition = "center bottom";
将<div>元素中背景图像的位置更改为200px水平和40px垂直:
尝试一下document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
在<div>元素中返回背景图像的位置:
尝试一下document.getElementById("myDiv").style.backgroundPosition;
-