最新的Web開發教程
 

Style bottom Property

<Style對象

設置的底部位置<button>元素:

document.getElementById("myBtn").style.bottom = "100px";
試一試»

定義和用法

底部屬性設置或返回一個定位元素的底部位置。

該屬性指定包括填充,滾動條,邊界和餘量的元件的底部位置。

Tip:甲定位元件與所述位置屬性設置為一個元件:相對的,絕對的,或固定的。

提示:要設置或返回一個定位元素的頂部位置,則使用屬性。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

底部屬性在所有主流瀏覽器的支持。


句法

返回底部性質:

object .style.bottom

設置底部性質:

object .style.bottom="auto| 屬性值
描述
auto 讓瀏覽器設置的底部位置。 這是默認
length 定義長度單位的底部位置。 允許使用負值
% 設置在父元素的高度的%底部位置
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 汽車
返回值: 一個字符串,表示定位元件的底部位置
CSS版本 CSS2

更多示例

設置的底部位置<div>元素:

document.getElementById("myDiv").style.bottom = "10px";
試一試»

使用負值-設置的底部位置<div>元素:

document.getElementById("myDiv").style.bottom = "-100px";
試一試»

返回的底部位置<div>元素:

alert(document.getElementById("myDiv").style.bottom);
試一試»

相關頁面

CSS教程: CSS定位

CSS參考: bottom property


<Style對象