Kolom-lebar CSS3 atribut
contoh
Menentukan lebar kolom:
div
{
Kolom-width: 100px;
-moz-column-width: 100px; / * Firefox * /
-webkit-kolom-width: 100px; / * Safari dan Chrome * /
}
{
Kolom-width: 100px;
-moz-column-width: 100px; / * Firefox * /
-webkit-kolom-width: 100px; / * Safari dan Chrome * /
}
Coba »
Di bagian bawah halaman ini untuk lebih banyak contoh.
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.
属性 | |||||
---|---|---|---|---|---|
column-width | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Definisi atribut dan petunjuk
kolom atribut-lebar menentukan lebar kolom.
default: | mobil |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | keberatan .style.columnWidth = "100px" |
tatabahasa
column-width: auto|length;
值 | 描述 |
---|---|
auto | 浏览器将决定列的宽度 |
length | 指定列宽的长度 |
contoh yang lebih
Kolom-count
Teks elemen div menjadi tiga kolom.
Kolom-gap
Teks dalam elemen div menjadi tiga kolom, dan menentukan kesenjangan antara kolom dari 30 pixel.
Kolom-aturan
Aturan menentukan antara kolom: lebar, gaya dan warna.
Artikel terkait
CSS3 tutorial: CSS3 Beberapa Kolom