備忘録的プログラミングリファレンス

margin-top プロパティ

 margin-top プロパティは、エレメントの表示領域外の余白において上のみを指定できる CSS のプロパティです。
 margin は表示領域の外側の扱いになります。padding まではエレメン卜の背景が表示されますが、margin は空白になります。

エレメントの領域外の上にautoで余白(Exampleを参照
margin-top: auto;

ページ内 Index

構文(Syntax)

CSS

margin-top: length | auto | initial | inherit;

DOM ( JavaScript )

値の取得
String = object.style.marginTop;
値の設定
object.style.marginTop="length | auto | initial | inherit";

値(Values)

Value摘要
0初期値(default値)
lengthCSS長さの単位
auto自動設定、margin-bottom:auto;が指定されている場合は均等に割り当てられてエレメントが中央に配置される
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)0
継承(Inherited)No
CSS AnimationYes

Example

 margin-topの例です。エレメントの上側にmarginが設定されます。

 ここでは親エレメントの定義上、右側のmarginは分かり難いですが設定されていません。