margin-left
設定物件左邊界的高度。
語法
{ margin-left: sHeight }
可能的值
sHeight
指定或接收下列其中一個值的變數:
auto |
預設值。上邊界設為等於下邊界。 |
height |
浮點數,後面接著絕對單位指示項 (cm、mm、in、pt 或 pc) 或相對單位指示項 (em、ex 或 px)。 如需有關支援長度單位的詳細資訊,請參閱 長度單位參照。 |
percentage |
整數,後面接著百分比符號 (%)。此值為父物件的高度百分比。 |
此屬性的預設值為 auto,並且不是繼承屬性。
備註
若為內嵌元素,此屬性的值用來計算周圍內嵌元素的框線區域 (如果有框線區域的話)。此值不會計入行高。
支援負值邊界,但內嵌物件的上和下邊界除外。
範例
下列範例使用 margin-left 屬性來變更物件的邊界。此範例在內嵌樣式表中使用 HR 元素當作選取器,並使用 margin1 當作類別,以設定水平規則的上邊界:
<style>
HR { margin-left: 2cm; }
.margin1 { margin-left: 4cm; }
</style>
</head>
<body>
<HR onclick="this.className='margin1'" ondblclick="this.className=''">
</style>
此範例使用內嵌指令碼,以分別在發生 onclick 與 ondblclick 事件時設定及重設邊界:
<HR onclick="this.style.marginTop='2cm'"
ondblclick="this.style.marginTop=''">
標準資訊
此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。
適用於
A、ABBR、ACRONYM、B、BDO、BIG、BLOCKQUOTE、BODY、BUTTON、CAPTION、CENTER、CITE、CODE、CUSTOM、DD、DEFAULTS、DEL、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FONT、FORM、HN、HR、I、IFRAME、IMG、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、INS、LI、OBJECT、OL、P、Q、S、SPAN、SUB、TABLE、TD、TH、TT、U、UL、VAR、XMP