CSS3 kolom-aturan-lebar atribut
contoh
Menentukan lebar aturan antara kolom:
div
{
column-rule-width:10px;
-moz-column-rule-width:10px; /* Firefox */
-webkit-column-rule-width:10px; /* Safari and Chrome */
}
{
column-rule-width:10px;
-moz-column-rule-width:10px; /* Firefox */
-webkit-column-rule-width:10px; /* Safari and 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-rule-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-aturan-lebar menentukan lebar aturan antara kolom.
default: | medium |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | keberatan .style.columnRuleWidth = "tipis" |
tatabahasa
Kolom-aturan-width: tipis | menengah | tebal | panjang;
nilai | penjelasan |
---|---|
tipis | Tentukan aturan perbatasan tipis |
medium | Mendefinisikan aturan menengah-perbatasan |
tebal | Tentukan aturan perbatasan tebal |
panjangnya | Menentukan lebar aturan |
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 multi-kolom