margin-left
| 対応ブラウザ | Internet Explorer 3～ / Firefox 1～ / Google Chrome 1～ / Safari 1～ / Opera 3.5～ | ||
|---|---|---|---|
| 初期値 | 0 | 継承 | しない |
| 適用可能な要素 | ほぼすべての要素（displayがtable-row-group、table-header-group、table-footer-group、table-row、table-column-group、table-column、table-cellの要素には適用できない） | ||
| 用例 |
|
||
margin-leftとは
margin-leftとは左のマージンを指定するプロパティです。負の値を指定することもでき、複数の領域を重ねて表示させることもできます。
以下の値で指定します。
- 長さ（初期値は0）
- 数値＋単位（px, %, pt, emなど）で指定します。
- Auto
- 自動でマージンを指定します。
margin-right:auto とあわせて、ボックスを横方向中央へ配置（センタリング）するのによく使われます。（※1）
- ※1…横方向のマージンにautoを指定すると、包含ブロック内の横の空いたスペースを埋めるようマージンが設定されます。margin-leftとmargin-rightの両方がautoな場合、空きスペースが均等に割り当てられます。
