Atribut column-span CSS

Definisi dan penggunaan

Attribute column-span menentukan berapa banyak kolom elemen yang harus dilintasi.

Lihat pula:

Pelajaran CSS3:Beralih kolom CSS3

Panduan referensi HTML DOM:Attribute columnSpan

Contoh

Membuat elemen h2 melintasi semua kolom:

h2
{
column-span:all;
}

Coba sendiri

Ada lagi contoh di bagian bawah halaman.

Syntaks CSS

column-span: 1|all;

Nilai properti

Nilai Deskripsi Pengujian
1 Elemen harus melintasi satu kolom. Pengujian
all Elemen harus melintasi semua kolom. Pengujian

Detil teknis

Nilai standar: 1
Inheritsi: no
Versi: CSS3
Syntaks JavaScript: object.style.columnSpan="all"

Contoh lainnya

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

Dukungan browser

Angka di tabel menunjukkan versi browser yang mendukung properti ini penuh.

Angka yang memiliki -webkit- atau -moz- menunjukkan versi awal yang menggunakan prefiks.

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