Thuộc tính padding-left CSS

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

Thuộc tính padding-left thiết lập lề trái (trắng) của phần tử.

Giải thích

Thuộc tính này thiết lập độ rộng lề trái của phần tử. Lề trái được đặt trên bên trái của khung dòng đầu tiên được tạo bởi phần tử trong các phần tử không thay thế trong dòng.

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

Xem thêm:

Hướng dẫn CSS:Căn lề nội bộ CSS

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

Ví dụ

Đặt lề trái cho phần tử p:

p
  {
  padding-left: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-left: length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
length Định nghĩa giá trị lề trái 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 lề trái theo phần trăm chiều rộng của phần tử cha. Giá trị này 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 lề trái nên được 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ữ JavaScript: object.style.paddingLeft="10px"

TIY ví dụ

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