最新的Web開發教程
 

Style left Property

<Style對象

例

設置的左位置<button>元素：

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

定義和用法

左屬性設置或返回一個定位元素的左側位置。

該屬性指定包括填充，滾動條，邊框和邊距元素的左側位置。

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

提示：要設置或返回一個定位元素的正確的位置，可使用合適的屬性。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

左邊的屬性在所有主流瀏覽器的支持。

句法

返回left屬性：

object .style.left

設置left屬性：

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

技術細節

默認值： 汽車
返回值： 一個字符串，表示定位的元素的左側位置
CSS版本 CSS2

更多示例

例

設置的左側位置<div>元素：

document.getElementById("myDIV").style.left = "100px";
試一試»

例

使用負值-設置的左位置<div>元素：

document.getElementById("myDIV").style.left = "-100px";
試一試»

例

返回的左位置<div>元素：

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

相關頁面

CSS教程： CSS定位

CSS參考： left property

<Style對象