プロパティ margin-bottom
プロパティ margin-bottom は、
要素の下部外側余白を設定します。プロパティの値は、
サイズの単位のいずれか、
または要素の余白をブラウザに自動計算させるキーワード auto です。
構文
セレクタ {
margin-bottom: 値;
}
例
ブロックの下部外側余白を 50px に設定します：
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-bottom: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
関連項目
-
上部外側余白を設定するプロパティ
margin-top,
-
左側外側余白を設定するプロパティ
margin-left,
-
右側外側余白を設定するプロパティ
margin-right,
-
外側余白の一括指定プロパティ
margin,
-
内側余白を設定するプロパティ
padding,
