HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


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

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要素のパディングを指定 サンプル