คุณสมบัติ Style borderSpacing
- หน้าก่อน borderRightWidth
- หน้าต่อไป borderStyle
- กลับไปยังด้านบน อนุปรมาณ HTML DOM Style
การเรียกใช้และการระบุ
borderSpacing คุณสมบัติเพื่อตั้งค่าหรือกลับค่าช่องว่างระหว่างหน่วยเรียงตาราง
หมายเหตุ:ถ้า borderCollapse กำหนดเป็น collapseถ้ากำหนดสองค่ายาว คุณสมบัตินี้จะไม่มีผล
ดูเพิ่มเติม:
ตัวเรียน CSS:CSS ตาราง
คู่มือ CSS:คุณสมบัติ border-spacing
ตัวอย่าง
ตัวอย่าง 1
ตั้งค่าช่องว่างระหว่างหน่วยเรียงตาราง:
document.getElementById("myTable").style.borderSpacing = "20px";
ตัวอย่าง 2
กลับค่าช่องว่างระหว่างหน่วยเรียงตาราง:
alert(document.getElementById("myTable").style.borderSpacing);
บทบาท
กลับค่า borderSpacing:
object.style.borderSpacing
ตั้งค่าคุณสมบัติ borderSpacing:
object.style.borderSpacing = "length length|initial|inherit"
ค่าคุณสมบัติ
| ค่า | รายละเอียด |
|---|---|
| length length |
กำหนดช่องว่างระหว่างหน่วยเรียงตารางด้วยหน่วยมาตรายาว ไม่อนุญาตให้ใช้ค่าลบ ค่าเริ่มต้นคือ 0 ถ้ากำหนดค่ายาวเดียว ก็จะกำหนดช่องว่างระดับน้ำตาลและตั้งแต่ด้านล่างพร้อมๆ ถ้ากำหนดค่ายาวสองตัว ค่าแรกกำหนดช่องว่างระดับน้ำตาล ค่าที่สองกำหนดช่องว่างตั้งแต่ด้านล่าง |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。 |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเขา โปรดดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | 0 |
|---|---|
| ค่าที่กลับมา: | ตัวอักษรสาย แสดงช่องว่างระหว่างหน่วยเรียงตาราง |
| เวอร์ชัน CSS： | CSS2 |
โปรแกรมบราวเซอร์สนับสนุน
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | 9.0 | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน borderRightWidth
- หน้าต่อไป borderStyle
- กลับไปยังด้านบน อนุปรมาณ HTML DOM Style
