marginの解説|クロノドライブのCSS辞典

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の要素には適用できない)
用例
.style {
  margin: 10px 20px 5px 15px;
}

marginとは

marginとは上下左右のマージンを一括で指定するプロパティです。上下左右を異なるマージン幅にすることができ、その場合は、スペースで区切って複数の値を指定します。負の値を指定することもでき、複数の領域を重ねて表示させるような表現も可能です。
以下の値で指定します。

長さ(初期値は0)
数値+単位(px, %, pt, emなど)で指定します。
Auto
自動でマージンを指定します。

4つ値を指定する場合は上 右 下 左の時計回りの順、
3つ値を指定する場合は上 左右 下の順、
2つ値を指定する場合は上下 左右の順、
1つだけ指定する場合は上下左右を一括で指定することになります。

いくつかの場合をのぞいて、縦方向に続くボックスの間ではマージンの相殺が起こります。