margin-leftプロパティ。

CSSに於けるボックスの左の余白(マージン)の幅・margin-leftプロパティに関する解説です。

margin-leftプロパティとは。

margin-leftプロパティは、ボックスの左の余白(マージン)の幅プロパティです。

margin-leftプロパティの書式は、以下のようになります。

margin-left: 値

値としては、以下のものが取れます。

一番近い上位要素で指定された値を継承します。

auto

ボックスの幅に合わせて自動的に設定されます。

ボックスの幅を100％とするパーセンテージです。

幅を数値で指定します。

値としては負の値も許され、その場合他の要素に被さったり画面からはみ出したりする事があります。

尚、デフォルト値は零です。

例えば、HTMLの <p>要素において、左だけ一文字分の余白を取りたい場合は、

p {
    margin-left: 1em;
    }

と記述します。

この場合、上,　下及び右の余白は零となります。