更多"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對象