Properti column-count

Properti column-count mengatur rekomendasi jumlah kolom dalam teks multi-kolom. Jumlah sebenarnya mungkin berbeda dari yang ditentukan, tergantung pada lebar kolom dan ukuran jarak di antaranya.

Sintaks

cssselektor {
  column-count: angka | auto;
}

Nilai

Nilai default: auto.

Contoh

Dalam contoh ini, teks akan dibagi menjadi 3 kolom (tentu saja, di browser yang mendukung multi-kolom, di browser lainnya akan menjadi teks biasa dalam satu kolom):

html<div id="elem">
  some long text
</div>

css#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

Contoh . Nilai auto

Dalam contoh ini, lebar kolom column-width ditentukan sebesar 150px, dan jumlahnya column-count diatur ke nilai auto - browser sendiri yang akan memilih jumlah kolom yang diperlukan dan jarak di antaranya:

html<div id="elem">
  some long text
</div>

css#elem {
  column-count: auto;
  column-width: 150px;
  text-align: justify;
}

Результат:

Lihat juga