margin-leftの解説|クロノドライブのCSS辞典

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の要素には適用できない)
用例
.style {
  margin-left: 10px;
}

margin-leftとは

margin-leftとは左のマージンを指定するプロパティです。負の値を指定することもでき、複数の領域を重ねて表示させることもできます。
以下の値で指定します。

長さ(初期値は0)
数値+単位(px, %, pt, emなど)で指定します。
Auto
自動でマージンを指定します。
margin-right:auto とあわせて、ボックスを横方向中央へ配置(センタリング)するのによく使われます。(※1)
  • ※1…横方向のマージンにautoを指定すると、包含ブロック内の横の空いたスペースを埋めるようマージンが設定されます。margin-leftとmargin-rightの両方がautoな場合、空きスペースが均等に割り当てられます。