Thuộc tính margin-top

Thuộc tính margin-top thiết lập khoảng cách lề bên ngoài phía trên của phần tử. Giá trị của thuộc tính có thể là bất kỳ đơn vị cho kích thước nào hoặc từ khóa auto, cho phép trình duyệt tự tính toán khoảng cách của phần tử.

Cú pháp

bộ chọn {
	margin-top: giá trị;
}

Ví dụ

Hãy đặt khoảng cách lề bên ngoài phía trên cho khối là 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;
}

Xem thêm

thuộc tính margin-bottom,
thiết lập khoảng cách lề bên ngoài phía dưới
thuộc tính margin-left,
thiết lập khoảng cách lề bên ngoài bên trái
thuộc tính margin-right,
thiết lập khoảng cách lề bên ngoài bên phải
thuộc tính margin,
là dạng viết tắt cho khoảng cách lề bên ngoài
thuộc tính padding,
thiết lập khoảng cách lề bên trong (đệm)