Properti CSS3 kolom-gap
contoh
Menentukan kesenjangan 40 antara kolom pixel:
div
{
Kolom-gap: 40px;
-moz-column-gap: 40px; / * Firefox * /
-webkit-kolom-gap: 40px; / * Safari dan Chrome * /
}
{
Kolom-gap: 40px;
-moz-column-gap: 40px; / * Firefox * /
-webkit-kolom-gap: 40px; / * Safari dan Chrome * /
}
Coba »
Di bagian bawah halaman ini untuk lebih banyak contoh.
Dukungan Browser
| 属性 | |||||
|---|---|---|---|---|---|
| column-gap | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
Definisi atribut dan petunjuk
Kesenjangan antara properti kolom-gap menentukan kolom.
CATATAN: Jika Anda menentukan aturan jarak antara kolom, itu akan mengambil rata-rata.
| default: | normal |
|---|---|
| warisan: | tidak |
| versi: | CSS3 |
| sintaks JavaScript: | keberatan .style.columnGap = "40px" |
tatabahasa
column-gap:length|normal;
| 值 | 描述 |
|---|---|
| length | 一个指定的长度，将设置列之间的差距 |
| normal | 指定一个列之间的普通差距。 W3C建议1EM值 |
contoh yang lebih
Kolom-count
Teks elemen div menjadi tiga kolom.
Kolom-aturan
Aturan menentukan antara kolom: lebar, gaya dan warna.
Artikel terkait
CSS3 tutorial: CSS3 Beberapa Kolom
