margin ショートハンドプロパティは、1回の宣言で全てのmarginプロパティを設定します。 このプロパティには、1 ～ 4 つの値を設定することができます。
例：
注: 負の値が使用できます.
| デフォルト値： | 0 |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | yes, 個別のプロパティを参照してください. animatable を参照 Try it |
| バージョン： | CSS1 |
| JavaScript 構文： | object.style.margin="100px 50px" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| margin | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
margin: length|auto|initial|inherit;
| 値 | 説明 | Play it |
|---|---|---|
| length | px、pt、cm 等でマージンを指定します。デフォルトは 0 です | Play it ❯ |
| % | 包含要素の幅の割合でマージンを指定します | Play it ❯ |
| auto | ブラウザがマージンを計算します | Play it ❯ |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル： CSS Margin
CSS チュートリアル： CSS Box Model
HTML DOM リファレンス：margin プロパティ