margin
- ブラウザ
マージンをまとめて指定
margin: 値;
上下左右のマージンを一括で指定するプロパティです。
margin: 5px 10px 15px 20px;
| プロパティ名 | 値 | 説明 |
|---|---|---|
| margin | 長さ、% | 数値+単位（px 等）またはパーセント |
| auto | 自動 |
- 上下左右のマージンを、1〜4つの値で指定することができます。2つ以上の値で指定する場合は、半角スペースで区切って記述します。
- 「%」の指定は、親ボックスの幅に対する割合となります。
値の指定例
- 2px … ［上下左右］ を指定
- 2px 4px … ［上下］ と ［左右］ を指定
- 2px 4px 6px … ［上］ と ［左右］ と ［下］ を指定
- 2px 4px 6px 8px … ［上］ と ［右］ と ［下］ と ［左］ を指定
.example {
margin: 3em auto;
}
