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

Mô tả và cách sử dụng

Thuộc tính paddingTop thiết lập viền trên trong của phần tử (khoảng trống).

Giải thích

Thuộc tính này thiết lập độ rộng viền trên trong của phần tử. Viền trên trong của các phần tử nội bộ không thay thế sẽ không ảnh hưởng đến việc tính chiều cao dòng, vì vậy, nếu một phần tử có cả viền và nền, có thể nhìn thấy từ tầm nhìn 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ị viền trong âm.

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

Xem thêm:

Hướng dẫn CSS:Khoảng cách trong CSS

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

Ví dụ

Đặt viền trên trong của phần tử p:

p
  {
  padding-top:2cm;
  }

Thử làm ngay

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

Ngôn ngữ CSS

padding-top: length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
length Định nghĩa giá trị viền trên trong 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 viền trên trong dựa trên tỷ lệ 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 viền trên trong 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ữ JavaScript: object.style.paddingTop="10px"

TIY Thực hành

Đặt viền trên trong 1
Ví dụ này trình bày cách sử dụng đơn vị cm để đặt viền trên trong của ô.
Đặt viền trên trong 2
Ví dụ này trình bày cách sử dụng tỷ lệ phần trăm để đặt viền trên trong của ô.

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 đó.

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