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