Style backgroundPosition 属性

定义和用法

backgroundPosition 属性设置或返回背景图像在元素中的位置。

另请参阅：

HTML 样式：background 属性

CSS 教程：CSS 背景

CSS3 教程：CSS3 背景

CSS 参考手册：background-image 属性

CSS 参考手册：background-position 属性

实例

例子 1

更改背景图像的位置：

document.body.style.backgroundPosition = "top right";

亲自试一试

例子 2

将 <div> 元素中背景图像的位置更改为底部居中：

document.getElementById("myDiv").style.backgroundPosition = "center bottom";

亲自试一试

例子 3

将 <div> 元素中背景图像的位置更改为水平 200 像素和垂直 40 像素：

document.getElementById("myDiv").style.backgroundPosition = "200px 40px";

亲自试一试

例子 4

返回 <div> 元素中背景图像的位置：

document.getElementById("myDiv").style.backgroundPosition;

亲自试一试

语法

返回 backgroundPosition 属性：

object.style.backgroundPosition

设置 backgroundPosition 属性：

object.style.backgroundPosition = value

属性值

技术细节

浏览器支持

backgroundPosition 是 CSS1 (1996) 特性。

所有浏览器都完全支持它：