余白(パディング)を一括で指定する

padding

CSSの書き方

padding:値 値 …;

CSSの詳細情報
プロパティ名 padding 対応ブラウザ Windows MAC
読み方 パディング IE 5.0以上/FF1.0/NS7.1/OP8.0 SF/IE5.0
意味 余白調整 CSSレベル CSSレベル1
設定値 サイズ指定 対象 すべての要素
デフォルト 0 継承 しない

解説

ボックスの余白において四方向のサイズを一括で指定します。

値については、以下の表のようにその数によって指定する方向が決まります。

記入する値の数 対象の方向
1つ 四方向(上/下/左/右)同じ
2つ 鉛直と水平方向(上下/左右の順)
3つ 上/左右/下の順
4つ 右回り方向(上/右/下/左の順)

CSS/HTMLサンプル

p { padding:10px 20px 30px 40px; }
div { padding:5px 20px; }

段落とDIV要素のパディングを指定 サンプル

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

CSSを駆使したモダンなWebデザインを学ぶなら

最新情報をチェックしよう!