Atribut column-fill CSS

Definisi dan penggunaan

Atribut column-fill menentukan bagaimana mengisi kolom (apakah dikoordinasi).

Lihat pula:

Panduan CSS3:Banyak Kolom CSS3

Panduan HTML DOM:Atribut columnFill

Contoh

Tentukan bagaimana mengisi kolom:

div
{
column-fill:auto;
}

Syntaks CSS

column-fill: balance|auto;

Nilai atribut

Nilai Deskripsi
balance Koordinasi kolom. Peramban harus mengurangi perbedaan panjang kolom.
auto Isi kolom berurutan, panjang kolom akan berbeda.

Detil teknis

Nilai default: balance
Inheritsi: no
Versi: CSS3
Syntaks JavaScript: object.style.columnFill="auto"

Contoh lebih banyak

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

Dukungan browser

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