padding

設定物件與其邊界之間插入的間距,或者如果有框線,則是設定物件與其框線之間的間距。

語法

{ padding: sPadding }

可能的值

sPadding

指定下列其中一個值的字串:

length

浮點數,後面接著絕對單位指示項 ( cmmminptpc ) 或相對單位指示項 ( emexpx )。

如需支援之長度單位的詳細資訊,請參閱長度單位參照

percentage

整數,後面接著百分比符號 (%)。此值為父物件的寬度百分比。

對於所有物件,此屬性的預設值為 0 。這不是繼承屬性。

備註

此為複合屬性,最多可指定四個邊框間距值,依照下列順序:上、右、下、左。如果指定一個寬度值,所有四個邊都會使用這個值。如果指定兩個寬度值,那麼上和下框線會使用第一個寬度,而左和右框線則會使用第二個寬度。如果指定三個寬度值,則分別會用於上、右/左和下框線。不允許負值。

範例

下列範例使用 padding 屬性來變更物件的邊框間距。此範例使用 TD 物件作為選取器,而 padding1 作為內嵌樣式表中的一個類別,以設定 TD 物件的邊框間距:

<style>
    td {padding:3mm 8mm}
    .padding1  {padding:1cm}
</style>
</head>
<body>
<table border >
    <td onmouseover="this.className='padding1'"
        onmouseout="this.className=''" align=middle>
    <img src="sphere.jpg">
    </td>
</table>

標準資訊

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

適用範圍

a, abbr, acronym, address, applet, b, bdo, big, blockquote, body, button, caption, center, cite, code, col, colgroup, custom, dd, defaults, del, dfn, div, dl, dt, em, embed, fieldset, font, form, frame, hn, hr, i, 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, nextid, object, ol, p, q, rt, ruby, s, select, span, sub, table, td, th, tt, u, ul, var, xmp

另請參閱

概念

margin