webmas.jp

margin は要素の外側の余白を一括指定します。 (margin-top, margin-right, margin-bottom, margin-left) 四辺の一括指定です。

プロパティの詳細

値

数値, auto

初期値

0

対象

すべての要素

継承

しない

CSS レベル

CSS 1

値の詳細

数値

数値 ＋ px, em, % 等

auto

Web ブラウザが自動で余白を設定。幅が指定されているブロック要素であれば左右に auto を設定すると横方向が中央寄せになります。

サンプル

指定する値の数によって余白が適用される辺が変わります。

div {
	margin: 10px; /* 4辺に 10px を指定 */
	margin: 5px 10px; /* 上下に 5px, 左右に 10px を指定 */
	margin: 5px 10px 15px; /* 上辺に 5px, 左右に 10px, 下辺に 15px */
	margin: 5px 10px 15px 20px; 上辺 5px, 右辺 10px, 下辺15px, 左辺 20px を指定 */
}