Thuộc tính margin-left CSS

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

Thuộc tính margin-left đặt khoảng cách bên trái của phần tử.

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

Xem thêm:

Hướng dẫn CSS:Phần cách CSS

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

Ví dụ

Đặt khoảng cách bên trái của phần tử p:

p
  {
  margin-left:2cm;
  }

Thử ngay

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

Ngữ pháp CSS

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

Giá trị thuộc tính

Giá trị Mô tả
auto Khoảng cách bên trái được đặt bởi trình duyệt.
length Định nghĩa khoảng cách bên trái cố định. Giá trị mặc định là 0.
% Định nghĩa khoảng cách bên trá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 khoảng cách bên trái nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

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

Những ví dụ khác

Đặt khoảng cách bên trái của văn bản là 1
Ví dụ này minh họa cách sử dụng đơn vị cm để đặt khoảng cách bên trái của văn bản.
Đặt khoảng cách bên trái của văn bản là 2
Ví dụ này minh họa cách sử dụng phần trăm để đặt khoảng cách bên trái 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