Sifat column-span CSS

Definisi dan penggunaan

Atribut column-span menentukan berapa banyak kolumna elemen seharusnya melintasi.

Lihat juga:

Panduan pelajaran CSS3:Beralihan kolom CSS3

Panduan referensi HTML DOM:Atribut columnSpan

Contoh

Membuat elemen h2 melintasi semua kolumna:

h2
{
column-span:all;
}

Coba sendiri

Ada lagi contoh di bawah halaman.

Sintaks CSS

column-span: 1|all;

Nilai atribut

Nilai Deskripsi Pengujian
1 Elemen seharusnya melintasi satu kolumna. Pengujian
all Elemen seharusnya melintasi semua kolum. Pengujian

Detil teknikal

Nilai lalai: 1
Inheren: tidak
Versi: CSS3
Sintaks JavaScript: object.style.columnSpan="all"

Contoh lainnya

Column-count
Bagi teks di dalam elemen div ke tiga kolumna.
Column-gap
Bagi teks di dalam elemen div ke tiga kolum, dengan jarak antara kolumna 30 pixel.
Column-rule
Menetapkan lebar, gaya dan warna antara kolum.

Dukungan browser

Nombor dalam tabel menunjukkan versi browser pertama yang sepenuhnya mendukung atribut ini.

Nombor yang disebutkan dengan -webkit- atau -moz- menunjukkan versi pertama 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