margin-bottom
Home>CSS>プロパティリファレンス>margin-bottom
margin-bottomプロパティの役割
margin-bottomプロパティは、ボックスの下に余白を設定します。
margin-bottomプロパティに設定できる値
auto | 自動的に設定。 |
数値 | 数値+単位で指定。 |
% | ボックスの高さを100とする百分率。 |
margin-bottomプロパティの使い方
<p style="margin-bottom:100px">この行の下にマージンを設定</p>
<p>次の行が離れて表示される</p>
この行の下にマージンを設定
次の行が離れて表示される
上記のサンプルでは、p要素(段落)の下の余白を100ピクセルとったため、次の行は100ピクセル下に表示されます。
関連リンク
- プロパティリファレンス:margin
- プロパティリファレンス:margin-top
- プロパティリファレンス:margin-left
- プロパティリファレンス:margin-right
- プロパティリファレンス:padding
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-8-24