Atribut columns CSS

Definisi dan penggunaan

Atribut columns adalah atribut singkat yang digunakan untuk menetapkan lebar dan jumlah kolom.

Lihat pula:

Pelatihan CSS3:Banyak kolom CSS3

Panduan referensi HTML DOM:Atribut columns

Contoh

Tentukan lebar kolom dan jumlah kolom:

div
{
columns:100px 3;
}

Coba sendiri

Ada banyak contoh di bawah halaman.

Syntaks CSS

columns: column-width column-count;

Nilai atribut

Nilai Deskripsi
column-width Lebar kolom.
column-count Jumlah kolom.

Detil teknis

Nilai default: auto auto
Inheritsi: no
Versi: CSS3
Syntaks JavaScript: object.style.columns="100px 3"

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 antar kolom 30 pixel.
Column-rule
Menentukan lebar, gaya, dan warna kolom.

Dukungan browser

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

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

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
9.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1