CSSリファレンスマニュアル

CSS @ルール(RULES)

margin-bottom CSS属性は要素の下部マージンを設定します。しかし、多くの場合、以下のようにmarginこのようなショートカットCSS属性は使いやすく、推奨されます。

以下のテーブルは、この属性の使用方法とバージョン履歴、JavaScriptスクリプトでの使用文法を説明しています。

デフォルト値：	0
適用範囲：	すべての要素、ただしtable 適用される要素：type以外の要素には適用されません。-caption table inline-table。また、以下の要素にも適用されます ::first-letter。
継承：	ありません
アニメーション可能：	はい。参照してください：アニメーション属性。
バージョン：	CSS 1、2、3
JavaScript文法：	object.style.marginBottom="20px"

この属性の文法は以下の通りです：

margin-bottom:　length　|　percentage　|　auto　|　initial　|　inherit

以下の例では、marginの使用方法を示しています-bottom属性。

例

　　h1　{
　　　margin-bottom:　25px;
　　}
　　p　{
　　　margin-bottom:　50px;
　　}

以下のテーブルはこの属性の値を説明しています。

値	説明
length	具体的な単位で計算された下外マージンの値を指定します、px、pt、cm、emなどの単位で、負の値も可能です。
percentage	親要素の幅の百分率で下外マージンを指定します。
auto	ブラウザは指定された要素のマージンを計算します。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のmarginを使用します-bottomの属性値。

margin-bottom属性のブラウザの互換性について、以下のテーブルの数字はこの属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 3+ Apple Safari 1+ Opera 4+

以下のチュートリアルを参照してください：CSS Margin、CSS Box Model。