Thuộc tính margin-top CSS

Định nghĩa và cách sử dụng

Thuộc tính margin-top đặt biên trên ngoài của phần tử.

Ghi chú:Cho phép sử dụng giá trị âm.

Xem thêm:

Hướng dẫn CSS:CSS biên cảnh

Hướng dẫn tham khảo HTML DOM:Thuộc tính marginTop

Ví dụ

Đặt biên trên ngoài của phần tử p:

p
  {
  margin-top:2cm;
  }

Thử ngay

（Có thể tìm thêm ví dụ ở cuối trang）

Ngữ pháp CSS

margin-top: length|auto|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
auto Biên trên ngoài được đặt bởi trình duyệt.
length Định nghĩa biên trên ngoài cố định. Giá trị mặc định là 0.
% Định nghĩa biên trên ngoài bằng phần trăm chiều rộng của phần tử bao gồm.
inherit Định nghĩa rằng biên trên ngoài nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: 0
Thừa kế: no
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.marginTop="10px"

Các ví dụ khác

Đặt biên trên ngoài của văn bản 1
Ví dụ này minh họa cách sử dụng đơn vị cm để đặt biên trên của văn bản.
Đặt biên trên ngoài của văn bản 2
Ví dụ này minh họa cách sử dụng tỷ lệ phần trăm để đặt biên trên của văn bản.

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5