CSS padding-top รายละเอียด
- หน้าแก้ว padding-right
- หน้าต่อไป @page
การใช้งานและกำหนด
padding-top แบบนิยามกำหนดระยะเข้าใจด้านบน (ช่องว่าง) ขององค์ประกอบ
คำอธิบาย
คุณสมบัตินี้กำหนดความกว้างของระยะเข้าใจด้านบนขององค์ประกอบ การตั้งค่าระยะเข้าใจด้านบนขององค์ประกอบแบบ inline non-replaced จะไม่ส่งผลต่อการคำนวณสูงของบรรยาย ดังนั้นอาจมีการขยายออกไปที่ด้านบนของบรรยายอื่น หรืออาจทะลุความเป็นส่วนหนึ่งของสิ่งอื่น ไม่อนุญาตให้กำหนดค่าระยะเข้าใจด้านบนลบ
หมายเหตุ:ไม่อนุญาตให้ใช้ค่าลบ
ดูเพิ่มเติมที่:
ตัวอย่าง CSSเนื้อที่ช่องว่างด้านใน CSS
คู่มือ HTML DOMpaddingTop แบบนิยาม
ตัวอย่าง
ตั้งค่าระยะเข้าใจด้านบนขององค์ประกอบ p:
p
{
padding-top:2cm;
}
(สามารถหาตัวอย่างเพิ่มเติมได้ที่ด้านล่างของหน้า)
การใช้งาน CSS:
padding-top: length|initial|inherit;
ค่าแบบนิยาม
| ค่า | คำอธิบาย |
|---|---|
| length | กำหนดระยะเข้าใจด้านบนเป็นหน่วยมาตรที่เป็นที่ระบุได้ อย่างเช่น พิกเซล ซีเมนต์ และค่าเริ่มต้นคือ 0px |
| % | กำหนดระยะเข้าใจด้านบนเป็นเปอร์เซ็นต์จากความกว้างขององค์ประกอบพ่อ ค่านี้อาจไม่ทำงานตามคาดหวังในบางเว็บเบราเซอร์ |
| inherit | กำหนดว่าควรสืบทอดระยะเข้าใจด้านบนจากองค์ประกอบพ่อ |
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น: | 0 |
|---|---|
| การสืบทอด: | no |
| รุ่น: | CSS1 |
| JavaScript การใช้งาน: | object.style.paddingTop="10px" |
ตัวอย่าง TIY
- ตั้งค่าระยะเข้าใจด้านบน 1
- ตัวอย่างนี้แสดงว่าจะใช้หน่วยเมตรเชิงมิติเพื่อตั้งค่าระยะเข้าใจด้านบนของเซลล์
- ตั้งค่าระยะเข้าใจด้านบน 2
- ตัวอย่างนี้แสดงว่าจะใช้ขอบเขตเปอร์เซ็นต์เพื่อตั้งค่าระยะเข้าใจด้านบนของเซลล์
การสนับสนุนโปรแกรมน่าเชื่อถือ
ตัวเลขในตารางบอกว่าอุปกรณ์เว็บแรกที่สนับสนุนคุณสมบัตินี้ให้สมบูรณ์
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- หน้าแก้ว padding-right
- หน้าต่อไป @page
