Properti CSS3 kolom-count
contoh
teks terbagi elemen div menjadi tiga kolom:
div
{
Kolom-count: 3;
-moz-column-count: 3; / * Firefox * /
-webkit-kolom-count: 3; / * Safari dan Chrome * /
}
{
Kolom-count: 3;
-moz-column-count: 3; / * Firefox * /
-webkit-kolom-count: 3; / * Safari dan Chrome * /
}
Coba »
Di bagian bawah halaman ini untuk lebih banyak contoh.
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.
属性 | |||||
---|---|---|---|---|---|
column-count | 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
Properti kolom-count menentukan jumlah kolom dari elemen harus dibagi.
default: | mobil |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | objek .style.columnCount = 3 |
tatabahasa
column-count:number|auto;
nilai | penjelasan |
---|---|
jumlah | Jumlah optimal kolom di mana isi dari elemen tidak dapat mengalir keluar |
mobil | Jumlah kolom akan tergantung pada atribut lainnya, seperti: "kolom-width" |
Coba Sendiri - Contoh
Kolom-gap
Teks dalam elemen div menjadi tiga kolom, dan menentukan kesenjangan antara kolom dari 30 pixel.
Kolom-aturan
Aturan menentukan antara kolom: lebar, gaya dan warna.
Artikel terkait
CSS3 tutorial: CSS3 Beberapa Kolom