CSS 参考マニュアル

CSS @ルール(RULES)

padding CSS属性は、要素のすべての4つの側面に余白を設定できます。それはpadding-top、padding-right、padding-bottomおよびpadding-left属性のショートカット属性。

このテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプト内での属性の使用法を示しています。

デフォルト値：	0
適用範囲：	すべての要素、以下の要素を除いて<tbody>、<thead>、<tfoot>、<tr>、<colgroup>および<col>。それも適用されます::first-letter。
継承：	ありません
アニメーション可能：	は。参照してくださいアニメーション属性。
バージョン：	CSS 1、2、3
JavaScript構文：	object.style.padding="20px 15px"

この属性の構文は以下の通りです：

padding:　[　length　|　percentage]　1　to　4　values　|　initial　|　inherit

以下の例では、padding属性の使用方法を示しています。

例

　　p.one　{
　　　padding:　20px;
　　}
　　p.two　{
　　　padding:　35px　15px;
　　}

この短縮記号は、1、2、3、または4つのスペースで区切られた値を使用できます。

以下の表はこの属性の値を説明しています。

値	説明
padding-top	フィルリングを要素の上側に設定します。
padding-right	フィルリングを要素の右側に設定します。
padding-bottom	フィルリングを要素の下側に設定します。
padding-left	フィルリングを要素の左側に設定します。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のpaddingの属性値を使用します。

padding属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

以下のチュートリアルを参照してください：CSS フィルリング、CSS Boxモデル。