margin
対応ブラウザ | Internet Explorer 3~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 3.5~ | ||
---|---|---|---|
初期値 | 0 | 継承 | しない |
適用可能な要素 | ほぼすべての要素(displayがtable-row-group、table-header-group、table-footer-group、table-row、table-column-group、table-column、table-cellの要素には適用できない) | ||
用例 |
|
marginとは
marginとは上下左右のマージンを一括で指定するプロパティです。上下左右を異なるマージン幅にすることができ、その場合は、スペースで区切って複数の値を指定します。負の値を指定することもでき、複数の領域を重ねて表示させるような表現も可能です。
以下の値で指定します。
- 長さ(初期値は0)
- 数値+単位(px, %, pt, emなど)で指定します。
- Auto
- 自動でマージンを指定します。
4つ値を指定する場合は上 右 下 左の時計回りの順、
3つ値を指定する場合は上 左右 下の順、
2つ値を指定する場合は上下 左右の順、
1つだけ指定する場合は上下左右を一括で指定することになります。
いくつかの場合をのぞいて、縦方向に続くボックスの間ではマージンの相殺が起こります。