Thuộc tính padding-bottom của CSS

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

Thuộc tính paddingBottom thiết lập khoảng cách dưới nội bộ (khoảng trống dưới) của phần tử.

Giải thích

Thuộc tính này thiết lập độ rộng khoảng cách dưới nội bộ của phần tử. Khoảng cách dưới nội bộ của các phần tử không thay thế trong dòng sẽ không ảnh hưởng đến việc tính toán chiều cao dòng, vì vậy, nếu một phần tử có cả khoảng cách và nền, từ góc nhìn trực quan có thể kéo dài sang dòng khác, thậm chí có thể chồng chéo với nội dung khác. Không được phép chỉ định giá trị khoảng cách âm.

Chú thích:Không được phép sử dụng giá trị âm.

Xem thêm:

Hướng dẫn CSS:Cân chỉnh trong nội bộ CSS

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

Ví dụ

Đặt khoảng cách dưới nội bộ cho phần tử p:

p
  {
  padding-bottom:2cm;
  }

Thử ngay

(Bạn có thể tìm thấy nhiều ví dụ hơn ở cuối trang)

Ngôn ngữ CSS

padding-bottom: length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
length Định nghĩa giá trị khoảng cách dưới nội bộ cố định 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 nội bộ dựa trên phần trăm chiều rộng của phần tử cha. Giá trị này có thể không hoạt động như mong đợi trên tất cả các trình duyệt.
inherit Định nghĩa rằng khoảng cách dưới nội bộ 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ôn ngữ lập trình JavaScript: object.style.paddingBottom="10px"

TIY ví dụ

Đặt khoảng cách dưới nội bộ 1
Ví dụ này minh họa cách sử dụng đơn vị cm để đặt khoảng cách dưới nội bộ của ô.
Đặt khoảng cách dưới nội bộ 2
Ví dụ này minh họa cách sử dụng phần trăm để đặt khoảng cách dưới nội bộ của ô.

Hỗ trợ trình duyệt

Số trong bảng chú thích là 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 4.0 1.0 1.0 3.5