例
以下の下マージンを設定<div>要素を：
document.getElementById("myDiv").style.marginBottom = "50px"; »それを自分で試してみてください 定義と使用法
marginBottomプロパティセットまたは要素の下マージンを返します。
マージンプロパティと要素の周りのパディングプロパティの挿入スペースの両方。 しかし、その差は詰め物が要素の境界内のスペースを挿入しながら、マージンが、境界線の周りにスペースを挿入することです。
ブラウザのサポート
marginBottomプロパティは、すべての主要なブラウザでサポートされています。
構文
marginBottomプロパティを返します：
object .style.marginBottom
marginBottomプロパティを設定します。
object .style.marginBottom=" プロパティ値 値 説明 % 親要素の幅の％で下マージンを定義します length 長さの単位で下マージンを定義します auto ブラウザは、下の余白を設定し、 initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値： 0 戻り値： 要素の下マージンを表す文字列、 CSSのバージョン CSS1
その他の例
例
以下の下マージン変更<div>に戻って要素を"normal" ：
document.getElementById("myDiv").style.marginBottom = "0px"; »それを自分で試してみてください
例
marginBottomとpaddingBottomの間の違い：
function changeMargin() {
document.getElementById("myDiv").style.marginBottom = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingBottom = "100px";
}
»それを自分で試してみてください
関連ページ
CSSチュートリアル： CSSのマージン
CSSリファレンス： margin-bottom property
HTML DOMリファレンス： margin property
<スタイルオブジェクト