คุณสมบัติ 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,
ซึ่งกำหนดระยะขอบภายใน