margin-bottomプロパティ。

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

margin-bottomプロパティとは。

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

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

margin-bottom: 値

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

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

auto

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

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

幅を数値で指定します。

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

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

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

p {
    margin-bottom: 1em;
    }

と記述します。

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