Thuộc tính CSS margin-bottom

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

Thuộc tính margin-bottom đặt khoảng cách dưới ngoài của phần tử.

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

Xem thêm:

Hướng dẫn CSS:CSS viền ngoài

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

Ví dụ

Đặt khoảng cách dưới ngoài của phần tử p:

p
  {
  margin-bottom:2cm;
  }

Thử ngay

（Có thể tìm thấy nhiều ví dụ hơn ở cuối trang）

Ngữ pháp CSS

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

Giá trị thuộc tính

Giá trị Mô tả
auto Trình duyệt tính toán khoảng cách dưới ngoài.
length Định nghĩa giá trị khoảng cách dưới ngoài bằng đơn vị cụ thể, chẳng hạn như pixel, cm, v.v. Giá trị mặc định là 0px.
% Định nghĩa khoảng cách dưới 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 khoảng cách dưới ngoà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.marginBottom="10px"

Các ví dụ khác

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

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

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