CSS left 屬性
定義和用法
left 屬性規(guī)定元素的左邊緣。該屬性定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。
注釋:如果 "position" 屬性的值為 "static",那么設(shè)置 "left" 屬性不會(huì)產(chǎn)生任何效果。
說(shuō)明
對(duì)于 static 元素,為 auto;對(duì)于長(zhǎng)度值,則為相應(yīng)的絕對(duì)長(zhǎng)度;對(duì)于百分比數(shù)值,為指定值;否則為 auto。
對(duì)于相對(duì)定義元素,left 的計(jì)算值始終等于 right。
默認(rèn)值: | auto |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語(yǔ)法: | object.style.left="100px" |
瀏覽器支持
所有主流瀏覽器都支持 left 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
可能的值
值 | 描述 |
---|---|
auto | 默認(rèn)值。通過(guò)瀏覽器計(jì)算左邊緣的位置。 |
% | 設(shè)置以包含元素的百分比計(jì)的左邊位置?墒褂秘(fù)值。 |
length | 使用 px、cm 等單位設(shè)置元素的左邊位置?墒褂秘(fù)值。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 left 屬性的值。 |
TIY 實(shí)例
- 使用固定值設(shè)置圖像的左邊緣
- 本例演示如何使用固定值設(shè)置圖像的左邊緣。
- 使用百分比設(shè)置圖像的左邊緣
- 本例演示如何使用百分比值設(shè)置圖像的左邊緣。