padding
パディングをまとめて指定
ブラウザ |
|
---|---|
適用対象 | ただし、tr要素、thead要素、tfoot要素、tbody要素、col要素、colgroup要素を除く。 |
継承 | 継承しない |
初期値 |
各プロパティの初期値を参照(0 )
|
メディア |
|
上下左右のパディングを一括で指定するプロパティです。
padding: 5px 10px 15px 20px;
プロパティ名 | 値 | 説明 |
---|---|---|
padding |
長さ、% | 数値+単位(px 等)またはパーセント |
- 上下左右のパディングを、1~4つの値で指定することができます。2つ以上の値で指定する場合は、半角スペースで区切って記述します。
- %の指定は、親ボックスの幅に対する割合となります。
値の指定例
2px
… [上下左右] を指定2px 4px
… [上下] と [左右] を指定2px 4px 6px
… [上] と [左右] と [下] を指定2px 4px 6px 8px
… [上] と [右] と [下] と [左] を指定
- このプロパティに関連する目的別リファレンス
- ボックスのパディング(内側の余白)を指定する
- リスト全体の余白を調整する
- 入れ子にされたリストのインデント幅を指定する
- セル内の余白を指定する
- フォーム部品のパディング(内側の余白)を指定する
- 部品グループの余白を調整する