定義和用法
位置屬性設置或返回用於一個元件定位方法的類型(static, relative, absolute or fixed) 。
瀏覽器支持
位置屬性在所有主流瀏覽器的支持。
句法
返回position屬性：
object .style.position
設置位置屬性：
object .style.position="static|absolute|fixed|relative|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| static | 元素呈現在順序，它們出現在文檔流。 這是默認的。 |
| absolute | 該元件相對於它的第一定位位置(not static)祖先元素 |
| fixed | 該元件相對於瀏覽器窗口定位 |
| relative | 該元件相對於它的正常位置定位，所以"left:20"增加了20個像素元件的左側位置 |
| initial | 將此屬性設置為默認值。 閱讀關於初始 |
| inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
技術細節
| 默認值： | 靜態的 |
|---|---|
| 返回值： | 一個字符串，表示元素的位置類型 |
| CSS版本 | CSS2 |
更多示例
例
使用不同的位置類型：
function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem =
document.getElementById("myDiv");
elem.style.position=posVal;
}
試一試» 相關頁面
CSS教程： CSS定位
CSS參考： position property
<Style對象