คุณสมบัติ CSS3 คอลัมน์ช่องว่าง
ตัวอย่าง
ระบุช่องว่างระหว่างคอลัมน์ 40 พิกเซล:
div
{
คอลัมน์ช่องว่าง: 40px;
-moz คอลัมน์ช่องว่าง: 40px; / * Firefox * /
-webkit คอลัมน์ช่องว่าง: 40px; / * Safari และ Chrome * /
}
{
คอลัมน์ช่องว่าง: 40px;
-moz คอลัมน์ช่องว่าง: 40px; / * Firefox * /
-webkit คอลัมน์ช่องว่าง: 40px; / * Safari และ Chrome * /
}
ลอง»
ในด้านล่างของหน้านี้ตัวอย่างมากขึ้น
สนับสนุนเบราว์เซอร์
属性 | |||||
---|---|---|---|---|---|
column-gap | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
แอตทริบิวต์คำจำกัดความและคำแนะนำ
ช่องว่างระหว่างคุณสมบัติคอลัมน์ช่องว่างระบุคอลัมน์
หมายเหตุ: ถ้าคุณระบุกฎระยะห่างระหว่างคอลัมน์ก็จะใช้ค่าเฉลี่ย
เริ่มต้น: | ปกติ |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ .style.columnGap = "40px" |
ไวยากรณ์
column-gap:length|normal;
值 | 描述 |
---|---|
length | 一个指定的长度,将设置列之间的差距 |
normal | 指定一个列之间的普通差距。 W3C建议1EM值 |
ตัวอย่างเพิ่มเติม
คอลัมน์นับ
องค์ประกอบข้อความ div เป็นสามคอลัมน์
คอลัมน์กฎ
กฎระบุระหว่างคอลัมน์: ความกว้างของรูปแบบและสี
บทความที่เกี่ยวข้อง
กวดวิชา CSS3: CSS3 หลายคอลัมน์