The Web Design Group

マージン(Margin)


構文: margin: <value>
取りえる値: [ <length> | <percentage> | auto ]{1,4}
初期値: 未定義
適用: 全ての要素
継承: 不可

marginプロパティーは、一つから四つの値を特定して要素のマージンを設定し、各値は lengthpercentage乃至は autoです。パーセント値は親要素の幅を参照します。負のマージンは許されます。

四つの値が与えられるなら、上部・右・下部・左マージンそれぞれに、適用されます。二つか三つなら、見当たらない値は反対の側から取られます。

マージン宣言の例です:

BODY { margin: 5em }             /* 全マージン 5em */
P    { margin: 2em 4em }         /* topとbottomマージン 2em,
                                    leftとrightマージン  4em */
DIV  { margin: 1em 2em 3em 4em } /* top margin 1em,
                                    right margin 2em,
                                    bottom margin 3em,
                                    left margin 4em */

垂直方向のマージンと結び付け、マージン値の最高値を使うと破綻することに注意しておきます。水平方向にマージンは破綻しません。

marginプロパティーで、一つで全てのマージンを設定できます;代わりに、プロパティー margin-topmargin-bottommargin-leftそして margin-rightを使うかもしれません。


Maintained by John Pozadzides and Liam Quinn


Web Design Group ‾ CSSインデックスCSS構造CSSプロパティー

Copyright © 1997 John Pozadzides and Liam Quinn. All rights reserved.