margin-left プロパティは、要素の左マージンを設定します。
注: 負の値が使用できます.
| デフォルト値： | 0 |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | yes, 個別のプロパティを参照してください. animatable を参照 Try it |
| バージョン： | CSS1 |
| JavaScript 構文： | object.style.marginLeft="100px" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| margin-left | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
margin-left: length|auto|initial|inherit;
| 値 | 説明 | Play it |
|---|---|---|
| length | px、pt、cm 等で左マージンを指定します。 デフォルトは 0px です | Play it ❯ |
| % | 包含要素の幅の割合で左マージンを指定します | Play it ❯ |
| auto | ブラウザが左マージンを計算します | Play it ❯ |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル： CSS Margin
HTML DOM リファレンス：marginLeft プロパティ