Style columnRuleStyle คุณสมบัติ

การแสดงและการใช้งาน

columnRuleStyle คุณสมบัติกำหนดรูปแบบของขอบระหว่างคอลัมน์

ดูเพิ่มเติม:

ตัวอย่าง CSS3CSS หลายคอลัมน์

คู่มือ CSSเนติบุคคล column-rule-style

ตัวอย่าง

เปลี่ยนรูปแบบของขอบระหว่างคอลัมน์:

document.getElementById("myDIV").style.columnRuleStyle = "dotted";

ทดลองด้วยตัวเอง

ศัพท์

กลับค่า columnRuleStyle ที่มีอยู่:

object.style.columnRuleStyle

ตั้งค่าคุณสมบัติ columnRuleStyle:

object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit"
ค่า การอธิบาย
none กำหนดไม่มีขอบเขต。ค่าเริ่มต้น
hidden เหมือนกับ "none" แต่ไม่ถูกใช้ในการแก้ปัญหาขอบเขตขององค์ประกอบตาราง
dotted กำหนดขอบเขตที่เป็นจุด
dashed กำหนดขอบเขตที่เป็นสายตามลำดับ
solid กำหนดขอบเขตที่เต็มท้วง
double กำหนดขอบเขตสองชิ้น
groove กำหนดขอบเขตแบบ 3D groove border-color ค่า
ridge กำหนดขอบเขตแบบ 3D ridge border-color ค่า
inset กำหนดขอบเขตแบบ 3D inset border-color ค่า
outset กำหนดขอบเขตแบบ 3D outset border-color ค่า
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของเธอ。โปรดดู initial
inherit มีคุณสมบัตินี้มาจากตัวปลายตามที่รับที่มาของเธอ。โปรดดู inherit

รายละเอียดเทคนิค

ค่าเริ่มต้น: ไม่มี
ค่าที่กลับมา: ตัวอักษรที่แสดงถึง เนติบุคคล column-rule-style
เวอร์ชัน CSS: CSS3

การสนับสนุนโปรแกรมบราวเซอร์

เชิร์น เอดจ์ ฟากซ์ เซฟาฟาย ออเปร่า
เชิร์น เอดจ์ ฟากซ์ เซฟาฟาย ออเปร่า
50.0 10.0 52.0 10.0 37.0