margin-bottom プロパティ
margin-bottom プロパティは、エレメントの表示領域外の下に設ける余白を指定するプロパティです。
margin-bottom: auto;
ページ内 Index
構文(Syntax)
CSS
margin-bottom: length | auto | initial | inherit;
DOM ( JavaScript )
String = object.style.marginBottom;
object.style.marginBottom="length | auto | initial | inherit";
値（Values）
| Value | 摘要 |
|---|---|
| 0 | 初期値（default値） |
| length | CSS長さの単位 |
| auto | 自動設定、margin-top:auto;が指定されている場合は均等に割り当てられてエレメントが中央に配置される |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | 0 |
| 継承（Inherited） | No |
| CSS Animation | Yes |
Example
margin-bottomの例です。エレメントの下側にmarginが設定されます。
ここでは親エレメントの定義上、右側のmarginは分かり難いですが設定されていません。
関連プロパティ
以下のような関連するプロパティがあります。
| margin | 以下のmargin-*を一括指定 |
| margin-bottom | 下のマージン |
| margin-left | 左のマージン |
| margin-right | 右のマージン |
| margin-top | 上のマージン |
| border | エレメントの囲み線 |
| padding | 囲み線。上下左右別々に指定できる |
| outline | もう一つの囲み線 |