Style คุณสมบัติ columnGap

การระบุและการใช้งาน

columnGap คุณสมบัตินี้กำหนดช่องว่างระหว่างคอลัมน์

หมายเหตุ:ถ้ากำหนดคุณสมบัติ column-rule ระหว่างคอลัมน์ มันจะแสดงในช่องว่างระหว่างช่องว่าง

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

อบรม CSS3:CSS หลายคอลัมน์

คู่มือ CSS:속성 column-gap

ตัวอย่าง

กำหนดช่องว่างระหว่างคอลัมน์เป็น 40 พิกเซล:

document.getElementById("myDIV").style.columnGap = "50px";

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

ภาษา

คืนค่าคุณสมบัติ columnGap:

object.style.columnGap

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

object.style.columnGap = "length|normal|initial|inherit"

ค่านี้

ค่า รายละเอียด
length กำหนดระยะเวลาหรือขนาดที่แน่นอนของช่องว่างระหว่างคอลัมน์
normal ค่าเริ่มต้น
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของเธอ โปรดดู initial。
inherit ทำให้สมมติว่านี้มีค่านี้จากองค์ประกอบต้นของเธอ โปรดดู inherit。

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

ค่าเริ่มต้น: normal
ค่าที่ได้รับ: ตัวเลข 속성 column-gap。
CSS รุ่น： CSS3

การสนับสนุนโดยเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0