style backgroundPosition 属性

更改背景图片的位置：

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

下面有更多 "亲自试一试" 示例。

描述

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

HTML 样式：背景属性

CSS 教程：CSS 背景

CSS3 教程：CSS3 背景

返回背景位置属性：

object.style.backgroundPosition

设置背景位置属性：

object.style.backgroundPosition = value

Value	Description
top left top center top right center left center center center right bottom left bottom center bottom right	If you only specify one keyword, the other value will be "center".
x% y%	The x value indicates the horizontal position and the y value indicates the vertical position. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%.
xpos ypos	The x value indicates the horizontal position and the y value indicates the vertical position. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and units
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

backgroundPosition是 CSS1 (1996) 的一项功能。

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


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes