Atribut column-count CSS

Definisi dan penggunaan

Atribut column-count menentukan jumlah kolom yang harus dibagi elemen.

Lihat pula:

Pelajaran CSS3:Kolom berbagai CSS3

Panduan Referensi HTML DOM:Atribut columnCount

Contoh

Bagi teks di elemen div menjadi tiga kolom:

div
{
column-count:3;
}

Coba sendiri

Ada contoh lebih banyak di bawah halaman.

Syntaks CSS

column-count: number|auto;

Nilai atribut

Nilai Deskripsi Pengujian
number Jumlah kolom yang paling baik untuk membagi konten elemen. Pengujian
auto Jumlah kolom ditentukan oleh atribut lain, seperti "column-width". Pengujian

Detil teknis

Nilai standar: auto
Inheritsi: no
Versi: CSS3
Syntaks JavaScript: object.style.columnCount=3

Contoh lebih banyak

Column-gap
Bagi teks di elemen div menjadi tiga kolom, dan tentukan jarak antara kolom sebesar 30 pixel.
Column-rule
Tentukan lebar, gaya, dan warna antara kolom.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1