CSS padding-left รายละเอียด
- หน้าก่อน padding-inline-start
- หน้าต่อไป padding-right
การประกาศและการใช้งาน
padding-left แคร์พกำหนดช่องว่างภายในซ้ายขององค์ประกอบ (ช่องว่าง)
คำอธิบาย
คุณสมบัตินี้กำหนดความกว้างของช่องว่างภายในซ้ายขององค์ประกอบ สำหรับองค์ประกอบเนื้อหาในแถวที่ไม่ใช่องค์ประกอบที่แทนที่ด้านในแถว จะแสดงออกมาที่ด้านซ้ายของแถวแรกที่สร้างโดยองค์ประกอบ
หมายเหตุ:ไม่อนุญาตให้ใช้ค่าลบ
ดูเพิ่มเติมที่:
สอน CSS:CSS ขอบเขตด้านใน
คู่มืออ้างอิง HTML DOM:paddingLeft แคร์พ
ตัวอย่าง
กำหนดช่องว่างภายในซ้ายขององค์ประกอบ p:
p
{
padding-left:2cm;
}
(สามารถหาตัวอย่างเพิ่มเติมได้ที่ด้านล่างของหน้า)
ระบบแสดงทางภาษา CSS
padding-left: length|initial|inherit;
ค่าทางด้านนัย
| ค่า | คำอธิบาย |
|---|---|
| length | กำหนดระยะทางภายในซ้ายด้วยหน่วยมาตรฐานเฉพาะเจาะจง อย่างเช่นพิกเซล ซانتิเมตร และอื่น ๆ ค่าเริ่มต้นคือ 0px |
| % | กำหนดช่องว่างภายในซ้ายเป็นร้อยละที่ฐานที่เป็นความกว้างขององค์ประกอบพ่อ ค่านี้อาจไม่ทำงานตามคาดหวังในบราวเซอร์ทั้งหมด |
| inherit | กำหนดให้เป็นระยะทางภายในซ้ายที่ต้องสืบทอดจากองค์ประกอบพ่อ |
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น: | 0 |
|---|---|
| การสืบทอด: | no |
| เวอร์ชัน: | CSS1 |
| ระบบแสดงทางภาษา JavaScript: | object.style.paddingLeft="10px" |
TIY ตัวอย่าง
- กำหนดช่องว่างภายในซ้าย 1
- ตัวอย่างนี้แสดงวิธีการใช้หน่วยนิ้วเมตรที่กำหนดช่องว่างภายในซ้ายของแถว
- กำหนดช่องว่างภายในซ้าย 2
- ตัวอย่างนี้แสดงวิธีการใช้ร้อยละที่กำหนดช่องว่างด้านซ้ายของแถว
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางระบุเวอร์ชันบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- หน้าก่อน padding-inline-start
- หน้าต่อไป padding-right
