margin-bottom/CSS/HTMLの基本を学ぶ/ウェブ作成に役立つ情報サイト/It's a long way to the top

margin-bottom

Home>CSS>プロパティリファレンス>margin-bottom

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

margin-bottomプロパティの役割

margin-bottomプロパティは、ボックスの下に余白を設定します。

margin-bottomプロパティに設定できる値

auto 自動的に設定。
数値 数値+単位で指定。
ボックスの高さを100とする百分率。

margin-bottomプロパティの使い方

<p style="margin-bottom:100px">この行の下にマージンを設定</p>
<p>次の行が離れて表示される</p>

この行の下にマージンを設定

次の行が離れて表示される

上記のサンプルでは、p要素(段落)の下の余白を100ピクセルとったため、次の行は100ピクセル下に表示されます。

関連リンク

よく読まれている記事

UpDate:2010-8-24