ตัวอย่าง
ยุบชายแดนตาราง:
document.getElementById("myTable").style.borderCollapse = "collapse"; ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
ชุดคุณสมบัติ borderCollapse หรือผลตอบแทนไม่ว่าจะเป็นชายแดนตารางควรจะทรุดลงชายแดนเดียวหรือไม่
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| borderCollapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
วากยสัมพันธ์
กลับ borderCollapse ทรัพย์สิน:
object .style.borderCollapse
ตั้ง borderCollapse ทรัพย์สิน:
object .style.borderCollapse="separate|collapse|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| separate | พรมแดนเฉพาะกิจจะมีการวาดสำหรับองค์ประกอบของเซลล์ตารางทั้งหมด นี้จะเริ่มต้น |
| collapse | พรมแดนยังไม่ได้เบิกระหว่างองค์ประกอบเซลล์ของตาราง |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | แยก |
|---|---|
| กลับค่า: | สตริงที่เป็นตัวแทนของเส้นขอบของตาราง |
| CSS รุ่น | CSS2 |
ตัวอย่างอื่น ๆ
ตัวอย่าง
กลับ borderCollapse ทรัพย์สิน:
alert(document.getElementById("myTable").style.borderCollapse);
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
CSS กวดวิชา: ตาราง CSS
อ้างอิง CSS: border-collapse property
<สไตล์วัตถุ