Thuộc tính Style paddingTop

定義和用法

paddingTop Thuộc tính thiết lập hoặc trả về viền trên nội bộ của phần tử.

Thuộc tính viền nội bộ định nghĩa khoảng cách giữa viền và nội dung của phần tử.

Thuộc tính margin và Thuộc tính padding Tất cả đều chèn không gian xung quanh phần tử. Nhưng khác biệt ở chỗ, margin chèn không gian xung quanh viền, trong khi padding chèn không gian trong viền của phần tử.

Xem thêm:

Giáo trình CSS:Thuộc tính padding-top của CSS

Hướng dẫn CSS:Thuộc tính padding-top

Hướng dẫn HTML DOM:Thuộc tính padding

Mô hình

Ví dụ 1

Đặt viền trên nội bộ của phần tử <div>:

document.getElementById("myDiv").style.paddingTop = "50px";

Thử nghiệm trực tiếp

Ví dụ 2

Chuyển đổi lại viền trên nội bộ của phần tử <div> về "normal":

document.getElementById("myDiv").style.paddingTop = "0px";

Thử nghiệm trực tiếp

Ví dụ 3

Trả về viền trên nội bộ của phần tử <div>:

alert(document.getElementById("myDiv").style.paddingTop);

Thử nghiệm trực tiếp

Ví dụ 4

Khác biệt giữa marginTop và paddingTop:

function changeMargin() {
  document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingTop = "100px";
}

Thử nghiệm trực tiếp

Cú pháp

Trả về thuộc tính paddingTop:

object.style.paddingTop

Đặt thuộc tính paddingTop:

object.style.paddingTop = "%|length|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
% Định nghĩa viền trên nội bộ bằng phần trăm chiều rộng của phần tử cha.
length Định nghĩa viền trên nội bộ bằng đơn vị độ dài.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: 0
Giá trị trả về: Chuỗi biểu thị viền trên nội bộ của phần tử.
Phiên bản CSS: CSS1

Trình duyệt hỗ trợ

Chrome Edge Firefox Safari Safari
Chrome Edge Firefox Safari Safari
Opera Opera Opera Opera Opera