CSS lantikan-lebar

Definisi dan penggunaan

sifat column-width menentukan lebar kolom.

Lihat juga:

Panduan CSS3:Kolom CSS3

Panduan HTML DOM:sifat columnWidth

Contoh

Tentukan lebar kolom:

div
{
column-width:100px;
}

Coba sendiri

Ada contoh lebih banyak di bawah halaman.

Syarat CSS

column-width: auto|length;

Nilai atribut

Nilai Deskripsi Pengujian
auto Disebutkan oleh browser untuk lebar kolom. Pengujian
length Tentukan lebar kolom. Pengujian

Detil teknologi

Nilai default: auto
Inheritsi: no
Versi: CSS3
Syarat JavaScript: object.style.columnWidth="100px"

Contoh lebih banyak

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

Dukungan browser

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

Angka yang mempunyai -webkit- atau -moz- menunjukkan versi pertama yang menggunakan prefiks.

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0