margin-bottomプロパティ(margin関連(下)の一括指定)

margin-bottomプロパティを利用してマージン(ボーダー領域の外側の領域)の下のサイズを指定できる。値は、長さ(pxなど)、割合、autoを指定する。



書き方:

要素名 {
	margin-bottom : 値(長さ、割合、auto);
}


例:li要素のマージン(下)を「3px」に設定する。

li {
	 margin-bottom : 3px ;
}

要素間の上下のマージンは相殺され、正の値の場合は大きいほうが、負の値の場合は小さいほうが設定される。以下の場合であれば、「10px」が設定される。

li {
	 margin-top : 10px ;
	 margin-bottom : 5px ;
}

go to top