Thuộc tính kiểu paddingTop
Thí dụ
Đặt phần đệm trên cùng của phần tử <div>:
document.getElementById("myDiv").style.paddingTop = "50px";
Định nghĩa và Cách sử dụng
Thuộc tính paddingTop đặt hoặc trả về phần đệm trên cùng của một phần tử.
Thuộc tính padding xác định khoảng trống giữa đường viền phần tử và nội dung phần tử.
Cả thuộc tính margin và thuộc tính padding đều chèn khoảng trắng xung quanh một phần tử. Tuy nhiên, sự khác biệt là lề chèn không gian xung quanh đường viền, trong khi padding chèn không gian bên trong đường viền của một phần tử.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
paddingTop | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả lại thuộc tính paddingTop:
object.style.paddingTop
Đặt thuộc tính paddingTop:
object.style.paddingTop = "%|length|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
% | Defines the top padding in % of the width of the parent element |
length | Defines the top padding in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | 0 |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho phần đệm trên cùng của một phần tử |
Phiên bản CSS | CSS1 |
Các ví dụ khác
Thí dụ
Thay đổi phần đệm trên cùng của phần tử <div> trở lại "bình thường":
document.getElementById("myDiv").style.paddingTop = "0px";
Thí dụ
Trả lại phần đệm trên cùng của phần tử <div>:
alert(document.getElementById("myDiv").style.paddingTop);
Thí dụ
Sự 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";
}
Các trang liên quan
Hướng dẫn CSS: CSS Padding
Tham chiếu CSS: thuộc tính padding-top
Tham chiếu DOM HTML: thuộc tính padding
❮ Đối tượng phong cách