パディング(Padding)

paddingとは、上下左右のパディングに関する設定を一括して指定するためのプロパティです。

値がひとつだけのときには全てのマージンを等しく指定しますが、値の数によって上下と左右のそれぞれを等しく指定したり、左右のみを等しく指定したり、あるいは全てのパディングに異なる値を指定できます。

値は数値に単位をつけて指定しますが、マイナス は指定できません。

Functional list
書式 padding: <value:値>
[<length> |<percentage> ]{1,4}
初期値 0
適用要素 全ての要素
継承性 不可

paddingプロパティーは、padding-toppadding-rightpadding-bottompadding-leftプロパティイーの短縮型です。

要素のパディングは、borderと要素の内容の間の空白の量です。

一から四の値が与えられ、各値はlengthpercentageです。

パーセント値は親要素の幅を参照します。

マイナス は許されません

四つの値があるなら、それぞれ上部・右側・下部・左側パディングです。

一つの値なら、全ての側に適用されます。

二または三の値が与えられるなら、見えない値は反対側から取られます。

例えば、以下の規則は上部パディングを2emに、右側パディングを4emに、下部ッパディングを5emに、左側パディングを4emに設定しています:

BLOCKQUOTE { padding: 2em 4em 5em }

余白の指定padding

戻る