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

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

ไวยากรณ์

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

ตัวอย่าง

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

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

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

ดูเพิ่มเติม

คุณสมบัติ margin-bottom,
ซึ่งกำหนดระยะห่างภายนอกด้านล่าง
คุณสมบัติ margin-left,
ซึ่งกำหนดระยะห่างภายนอกด้านซ้าย
คุณสมบัติ margin-right,
ซึ่งกำหนดระยะห่างภายนอกด้านขวา
คุณสมบัติ margin,
ซึ่งเป็นรูปแบบย่อสำหรับระยะห่างภายนอก
คุณสมบัติ padding,
ซึ่งกำหนดระยะห่างภายใน