Share via


margin

設定物件上、下、左、右邊界的寬度。

語法

{ margin: sMargin }

可能的值

sMargin

指定下列空格分隔值 (最多四個) 的字串:

top

margin-top 屬性可用的任何邊界寬度值範圍。

right

margin-right 屬性可用的任何邊界寬度值範圍。

bottom

margin-bottom 屬性可用的任何邊界寬度值範圍。

left

margin-left 屬性可用的任何邊界寬度值範圍。

此屬性的預設值為 0 0 。這不是繼承屬性。

備註

此屬性為最多可指定四個寬度值的省略屬性;四個值的順序為:上、右、下、左。如果指定一個寬度值,所有四個邊都會使用這個值。如果指定兩個寬度值,那麼上和下框線會使用第一個寬度,而左和右框線則會使用第二個寬度。如果指定三個值,這三個值將分別用於上、右/左及下框線。此屬性可支援負數的邊界,但內嵌物件的上邊界與下邊界除外。

對於內嵌元素,上下兩個值可用來計算周圍內嵌元素的框線區域 (若有的話)。這些值不會影響行高的設定。

邊界一律為透明。

範例

下列範例使用 margin 屬性來變更物件的邊界。此範例使用 IMG 物件當作選取器,將影像的邊界設為 1 公分:

<style>
    img {margin:1cm}
</style>

標準資訊

您可以在 Cascading Style Sheets (CSS), Level 1 (CSS1) (階層式樣式表 (CSS) 層級 1 (CSS1)) Ee371267.xtlink_newWindow(zh-tw,Expression.40).png 找到此屬性的定義。

適用範圍

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

另請參閱

概念

margin-top
margin-right
margin-bottom
margin-left