CSS left 屬性
定義和用法
left 屬性規(guī)定元素的左邊緣。該屬性定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。
注釋：如果 "position" 屬性的值為 "static"，那么設(shè)置 "left" 屬性不會產(chǎn)生任何效果。
說明
對于 static 元素，為 auto；對于長度值，則為相應(yīng)的絕對長度；對于百分比數(shù)值，為指定值；否則為 auto。
對于相對定義元素，left 的計算值始終等于 right。
| 默認(rèn)值： | auto |
|---|---|
| 繼承性： | no |
| 版本： | CSS2 |
| JavaScript 語法： | object.style.left="100px" |
實例
把圖像的左邊緣設(shè)置在其包含元素左邊緣向右 100 像素的位置：
img { position:absolute; left:100px;} TIY
瀏覽器支持
所有主流瀏覽器都支持 left 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| auto | 默認(rèn)值。通過瀏覽器計算左邊緣的位置。 |
| % | 設(shè)置以包含元素的百分比計的左邊位置。可使用負(fù)值。 |
| length | 使用 px、cm 等單位設(shè)置元素的左邊位置。可使用負(fù)值。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 left 屬性的值。 |
TIY 實例
- 使用固定值設(shè)置圖像的左邊緣
- 本例演示如何使用固定值設(shè)置圖像的左邊緣。
- 使用百分比設(shè)置圖像的左邊緣
- 本例演示如何使用百分比值設(shè)置圖像的左邊緣。
相關(guān)頁面
CSS 教程：CSS 定位
HTML DOM 參考手冊：left 屬性
