この記事は2008年6月25日に書かれたものです。既に内容が古い可能性があります。

padding:余白指定

paddingプロパティは、ボックスの上下左右のパディング領域(borderより内側の余白)をコントロールします。背景画像とテキストの配置、リンク領域の指定等でも使用します。パディング領域については、下記サンプル図を参照。

ボックスモデルサンプル図

プロパティ

padding

padding-top

padding-bottom

padding-right

padding-left

単位

対象

すべての要素

継承の有無

なし

ポイント

標準準拠モードではpaadingはwidthに含まない

padding一括指定と指定場所

padding: 10px 20px 30px 40px;
上 10px,  右20px,  下 30px,  左 40px
--------------------------------------

padding: 10px 20px 30px;
上 10px,  左右 20px,  下 30px
--------------------------------------

padding: 10px 20px;
上下 10px,  左右 20px
--------------------------------------

padding: 10px;
上下左右 10px

タグ: