CSS columns 属性

definisi dan penggunaan

sifat columns adalah sifat singkat yang digunakan untuk menetapkan lebar dan bilangan kolum.

lihat juga:

panduan pelajaran CSS3:Bilangan berbilang CSS3

panduan referensi HTML DOM:sifat columns

contoh

menetapkan lebar dan bilangan kolum kolum:

div
{
columns:100px 3;
}

coba sendiri

ada lagi contoh di bawah halaman.

syarat CSS

columns: column-width column-count;

nilai sifat

nilai deskripsi
column-width lebar kolum.
column-count bilangan kolum.

detil teknikal

nilai lalai: auto auto
kebolehan warisan: tidak
versi: CSS3
syarat JavaScript: object.style.columns="100px 3"

contoh lebih banyak

Column-count
membahagikan teks dalam elemen div kepada tiga kolum.
Column-gap
membahagikan teks dalam elemen div kepada tiga kolum, dengan jarak di antara kolum sebanyak 30 piksel.
Column-rule
menetapkan lebar, gaya dan warna antara kolum.

keupayaan pereka pereka

nombor dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini.

nombor yang mempunyai -webkit- atau -moz- menunjukkan versi pertama yang digunakan dengan 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