Phần đệm kiểu Thuộc tính hàng đầu
Ví dụ
Đặt phần đệm trên cùng của phần tử <div>:
document.getElementById("myDiv").style.paddingTop = "50px";
Hãy tự mình thử »Sự miêu tả
Thuộc tính đệmTop đặt hoặc trả về phần đệm trên cùng của một phần tử.
Thuộc tính đệm xác định khoảng cách giữa đường viền phần tử và nội dung phần tử.
Cả thuộc tính lề và thuộc tính đệm đều chèn khoảng trắng xung quanh một phần tử. Tuy nhiên, điểm khác biệt là lề sẽ chèn khoảng trắng xung quanh đường viền, trong khi phần đệm sẽ chèn khoảng trắng 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ả về thuộc tính đệmTop:
object .style.paddingTop
Đặt thuộc tính đệmTop:
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ả về: | Một Chuỗi, biểu thị phần đệm trên cùng của một phần tử |
Phiên bản CSS | CSS1 |
Thêm ví dụ
Ví dụ
Thay đổi phần đệm trên cùng của phần tử <div> thành "bình thường":
document.getElementById("myDiv").style.paddingTop = "0px";
Hãy tự mình thử »Ví dụ
Trả về phần đệm trên cùng của phần tử <div>:
alert(document.getElementById("myDiv").style.paddingTop);
Hãy tự mình thử »Ví dụ
Sự khác biệt giữa lềTop và phần đệmTop:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: CSS Padding
Tham chiếu CSS: thuộc tính đệm trên cùng
Tham chiếu DOM HTML: thuộc tính đệm