margin（マージンの略記）

解説

上下左右のマージンをまとめて指定する属性です（個別に指定する属性は、margin-top、margin-right、margin-bottom、margin-leftです。）。

値	<length>マイナスの値の指定可 <percentage> auto：自動的に指定 指定は１値〜４値の任意 値の数と間隔との対応について
初期値	なし
%値の基準	親エレメントの幅
適用	すべてのエレメント
継承	しない

対応状況

<length>

<percentage>

auto

使用例

ソース

スタイル部に、 div{border:solid medium yellow;} .px{margin:25px 50px;} .percent{margin:5% 10%;} と記述し、

body部に、 <div>マージン指定無し</div> <div class="px">上下25px左右50pxのマージンです。</div> <div class="percent">親エレメント幅500pxなので上下5%左右10%は上下25px左右50pxとなり上と同じマージンのはず。</div> と記述すると。

表示＆操作

マージン指定無し 上下25px左右50pxのマージンです。 親エレメント幅500pxなので上下5%左右10%は上下25px左右50pxとなり上と同じマージンのはず。 　 と表示されます。

Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/style/margin.html
pokochan@mx1.tees.ne.jp