ตัวอย่าง
ตั้งค่า padding ด้านบนของ <div> องค์ประกอบ:
document.getElementById("myDiv").style.paddingTop = "50px"; ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ paddingTop หรือส่งกลับ padding ด้านบนขององค์ประกอบ
คุณสมบัติที่กำหนดขยายช่องว่างระหว่างชายแดนองค์ประกอบและเนื้อหาองค์ประกอบ
ทั้งคุณสมบัติและอัตรากำไรขั้นต้นพื้นที่แทรกคุณสมบัติ padding รอบองค์ประกอบ อย่างไรก็ตามความแตกต่างคือการที่อัตรากำไรแทรกพื้นที่รอบ ๆ ชายแดนในขณะที่ช่องว่างแทรกพื้นที่ภายในเส้นขอบของสิ่งนั้น ๆ
สนับสนุนเบราว์เซอร์
คุณสมบัติ paddingTop ได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
คืนทรัพย์สิน paddingTop นี้:
object .style.paddingTop
ตั้งค่าคุณสมบัติ paddingTop นี้:
object .style.paddingTop=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ % กำหนด padding ชั้นนำใน% ของความกว้างขององค์ประกอบหลักที่ length กำหนดช่องว่างด้านบนในหน่วยความยาว initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 0 กลับค่า: เชือกแทนที่ช่องว่างด้านบนขององค์ประกอบ CSS รุ่น CSS1
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปลี่ยนช่องว่างด้านบนของ <div> องค์ประกอบกลับไป "normal" :
document.getElementById("myDiv").style.paddingTop = "0px"; ลองตัวเอง»
ตัวอย่าง
กลับ padding ด้านบนของ <div> องค์ประกอบ:
alert(document.getElementById("myDiv").style.paddingTop);
ลองตัวเอง»
ตัวอย่าง
ความแตกต่างระหว่าง marginTop และ paddingTop:
function changeMargin() {
document.getElementById("myDiv").style.marginTop = "100px";
}
function changePadding() {
document.getElementById("myDiv2").style.paddingTop = "100px";
}
ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
CSS กวดวิชา: CSS Padding
อ้างอิง CSS: padding-top property
อ้างอิง HTML DOM: padding property
<สไตล์วัตถุ