最新的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對象