このスタイルについて
　ボックスのマージンを設定します。マージンとは、ボックスの外側に出来る余白のことで、パディングと区別がつけづらいですが、ボーダーを指定することによってそれぞれが明確に区別されます。このページの文章で言うなら、この本文から赤い枠線までの空白がパディングであり、赤い枠線から隣のメニューまでの空白がマージンとなるわけです。

　marignの言葉の後に続けてtop, bottom, right, leftの言葉を記述することで、個別にマージンを設定することが出来ます。省略した場合、四方のマージンを一括で指定することになります。

関連


対応ブラウザ
WIN IE 4.0〜 NN 4.0〜　MAC IE 4.0〜 NN 4.0〜

サンプルソース [CSS] p { margin : 5px; } h1 { margin-top : 5px; margin-bottom : 5px; } #emphasis { margin : 5px 10px 5px 10px; }

ユーザ設定
　margin属性では、上右下左の順に個々のマージンを指定することが出来ます。このため、margin-top属性などを用いなくても、マージンを個別に指定することは可能です。通常はソースが簡潔になるため、この手法を用いることが多いです。
　また、border-width属性とpadding属性においても同じように指定することが可能ですので、覚えておくと便利です。