WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > margin-bottom
margin-bottom  margin  余白 

下マージンを設定する。

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

書式

margin-bottom : 下余白 ; ( 例 margin-bottom : 10px ; )
*マージンには負の値を指定することもできます。

サンプルコード

<div style="border:1px solid #ccc;">あいうえお</div>
<div style="border:1px solid #ccc; margin-bottom:10px;">かきくけこ</div>
<div style="border:1px solid #ccc; margin-bottom:20px;">さしすせそ</div>
<div style="border:1px solid #ccc; margin-bottom:40px;">たちつてと</div>
あいうえお

かきくけこ

さしすせそ

たちつてと