margin-left プロパティ
margin-left プロパティは、エレメントの表示領域外の左側の余白を指定するプロパティです。
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値) |
length | CSS長さの単位 |
auto | 自動設定、margin-right:auto;が指定されている場合は均等に割り当てられてエレメントが中央に配置される |
initial | 初期値に戻す |
inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
初期値(Default value) | 0 |
継承(Inherited) | No |
CSS Animation | Yes |
Example
margin-leftの例です。エレメントの左側にmarginが設定されます。
ここでは親エレメントの定義上、右側のmarginは分かり難いですが設定はされていません。
関連プロパティ
以下のような関連するプロパティがあります。
margin | 以下のmargin-*を一括指定 |
margin-bottom | 下のマージン |
margin-left | 左のマージン |
margin-right | 右のマージン |
margin-top | 上のマージン |
border | エレメントの囲み線 |
padding | 囲み線。上下左右別々に指定できる |
outline | もう一つの囲み線 |