Sifat column-width

Sifat column-width menetapkan lebar lajur dalam teks berbilang lajur. Nilai sifat adalah sebarang unit untuk saiz, kecuali peratusan, atau kata kunci auto (secara lalai). Apabila nilainya auto, pelayar akan memilih lebar lajur yang optimum secara automatik berdasarkan column-count dan column-gap.

Sintaks

csspemilih {
  column-width: nilai;
}

Contoh . Lebar yang Ditentukan

Dalam contoh ini, lebar lajur column-width ditentukan sebagai 150px, manakala bilangannya column-count ditetapkan kepada nilai auto. Hasilnya, lebar lajur akan menjadi 150px, dan bilangan lajur serta jarak antara lajur akan dipilih secara automatik oleh pelayar:

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

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

Результат:

Contoh . Nilai auto

Dalam contoh ini, teks akan dibahagikan kepada 3 lajur (kerana column-count ditetapkan kepada nilai 3), manakala lebarnya akan dikira secara automatik:

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

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

Результат:

Lihat juga