padding
margin は要素の内側の余白を一括指定します。 (padding-top, padding-right, padding-bottom, padding-left) 四辺の一括指定です。
プロパティの詳細
- 値
- 数値
- 初期値
- 0
- 対象
- すべての要素
- 継承
- しない
- CSS レベル
- CSS 1
値の詳細
- 数値
- 数値 ＋ px, em, % 等
サンプル
指定する値の数によって余白が適用される辺が変わります。
div {
padding: 10px; /* 4辺に 10px を指定 */
padding: 5px 10px; /* 上下に 5px, 左右に 10px を指定 */
padding: 5px 10px 15px; /* 上辺に 5px, 左右に 10px, 下辺に 15px */
padding: 5px 10px 15px 20px; 上辺 5px, 右辺 10px, 下辺15px, 左辺 20px を指定 */
}