Sifat column-count CSS

Definisi dan penggunaan

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

Lihat juga:

Panduan CSS3Kolom CSS3

Panduan HTML DOMSifat columnCount

Contoh

Bagi teks di dalam elemen div menjadi tiga kolom:

div
{
column-count:3;
}

Coba sendiri

Ada lagi contoh di bawah halaman.

Sintaks CSS

column-count: number|auto;

Nilai properti

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

Detil teknis

Nilai default: auto
Inheritsi: tidak
Versi: CSS3
Sintaks JavaScript: object.style.columnCount=3

Contoh lainnya

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

Dukungan pereksa

Angka di dalam tabel menunjukkan versi pereksa pertama yang mendukung sifat 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