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