更多"Try it Yourself"下面的例子。
定义和用法
所述backgroundPosition属性设置或返回一个背景图像的一个元素内的位置。
浏览器支持
在表中的数字规定，完全支持该财产浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| backgroundPosition | 1.0 | 4 | 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 | 将此属性设置为默认值。 阅读关于初始 |
| inherit | 继承其父元素此属性。 阅读关于继承 |
技术细节
| 默认值： | 0％0％ |
|---|---|
| 返回值： | 一个字符串，表示背景图像的位置 |
| CSS版本 | CSS1 |
更多示例
例
改变背景图像的一个中的位置<div>元素到中心底部：
document.getElementById("myDiv").style.backgroundPosition = "center bottom"; 试一试» 例
在背景图像的位置改变<div>元素至200像素的水平和垂直40像素：
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
试一试» 相关页面
CSS教程： CSS背景
CSS参考： background-image property
CSS参考： background-position property
HTML DOM参考： background property
<Style对象