Properti kolom CSS3
contoh
Menentukan lebar dan jumlah kolom:
div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
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.
| 属性 | |||||
|---|---|---|---|---|---|
| columns | 50.0 4.0 -webkit- |
10.0 | 9.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Definisi atribut dan petunjuk
Kolom properti adalah properti singkatan untuk mengatur lebar kolom dan jumlah kolom.
| default: | auto auto |
|---|---|
| warisan: | tidak |
| versi: | CSS3 |
| sintaks JavaScript: | objek .style.columns = "100px 3" |
tatabahasa
kolom: kolom-kolom lebar-count;
| nilai | deskripsi |
|---|---|
| Kolom-lebar | lebar kolom |
| Kolom-count | Jumlah kolom |
contoh yang lebih
Kolom-count
Teks elemen div menjadi tiga kolom.
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
