คุณสมบัติ margin-bottom

คุณสมบัติ margin-bottom กำหนด ระยะขอบภายนอกด้านล่างขององค์ประกอบ ค่าของ คุณสมบัตินี้สามารถใช้ หน่วย สำหรับขนาด ใด ๆ ก็ได้ หรือคำสำคัญ auto, ซึ่งอนุญาตให้เบราว์เซอร์คำนวณ ระยะขอบขององค์ประกอบโดยอัตโนมัติ

ไวยากรณ์

cssตัวเลือก {
  margin-bottom: ค่า;
}

ตัวอย่าง

มากำหนดระยะขอบภายนอกด้านล่างให้บล็อกเป็น 50px:

html<div id="parent">
  <div id="elem"></div>
</div>

css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-bottom: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

ดูเพิ่มเติม