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

margin-left プロパティ

 margin-left プロパティは、エレメントの表示領域外の左側の余白を指定するプロパティです。

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

 margin は表示領域の外側に設ける空白です。表示領域に設ける空白は padding で指定します。

ページ内 Index

構文(Syntax)

CSS

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

DOM ( JavaScript )

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

値(Values)

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

備考(Remarks)

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

Example

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

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