left

語法:

left: auto | <length> | <percentage>

預設值auto

適用於:定位元素。即定義了position非static的元素

繼承性:無

動畫性:當值為<length> | <percentage>

計算值:當positionstatic時,計算值是auto
relative時,如果rightleft都是auto,則它們的計算值是0;如果rightleft其中一個為auto,則auto相當於另一個的負值,即left = -right;如果rightleft的值都不為auto,則忽略right
否則在其它情況下,當指定值為<length>時,計算值為指定值,當指定值為<percentage>時,計算值為計算後的絕對值。除去這些情況,都為auto

媒 體:視覺

取值:

auto:
無特殊定位,根據HTML定位規則在檔案流中分配
<length>
用長度值來定義距離左邊的偏移量。可以為負值。
<percentage>
用百分比來定義距離左邊的偏移量。百分比參照包含塊的寬度。可以為負值。

說明:

定義了元素的左外邊距邊界與其包含塊左邊界之間的偏移
  • 該屬性用來指定盒子參照相對物左邊界向右偏移。相對定位元素的相對物是自身,絕對定位和居中定位元素是從包含塊的padding邊界開始計算偏移值
  • 對應的腳本特性為left

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
  1. 在IE6及以前的版本下,如果rightleft都定義了非auto的值,那麼 right 的計算值將會被設定為 -left (無論是否顯式的定義了 widthmax-width),它的指定值將被忽略,說白了,你將無法在不指定某個元素寬度的情況,通過給元素指定rightleft的方式來進行寬度拉伸;

示例: