Atribut column-width CSS

Definisi dan penggunaan

Atribut column-width menentukan lebar kolom.

Lihat pula:

Panduan CSS3:Banyak kolom CSS3

Panduan HTML DOM:Atribut columnWidth

Contoh

Tentukan lebar kolom:

div
{
column-width:100px;
}

Coba sendiri

Ada contoh lebih banyak di bawah halaman.

Syntaks CSS

column-width: auto|length;

Nilai atribut

Nilai Deskripsi Pengujian
auto Ditetapkan lebar kolom oleh browser. Pengujian
length Tentukan lebar kolom. Pengujian

Detil teknis

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

Contoh lebih banyak

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

Dukungan browser

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

Angka yang berisi -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