Properti CSS3 kolom-aturan-gaya
contoh
Menentukan aturan gaya antara kolom:
div
{
Kolom-aturan-style: dihiasi;
-moz-column-rule-style: dotted; / * Firefox * /
-webkit-kolom-aturan-style: dotted; / * Safari dan Chrome * /
}
{
Kolom-aturan-style: dihiasi;
-moz-column-rule-style: dotted; / * Firefox * /
-webkit-kolom-aturan-style: dotted; / * 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-rule-style | 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 gaya menentukan aturan gaya antara kolom.
| default: | tak satupun |
|---|---|
| warisan: | tidak |
| versi: | CSS3 |
| sintaks JavaScript: | keberatan .style.columnRuleStyle = "putus-putus" |
tatabahasa
Kolom-aturan-style: none | tersembunyi | dihiasi | melesat | padat | ganda | alur | ridge | inset | awal;
| nilai | deskripsi |
|---|---|
| tak satupun | Tidak ada aturan yang ditetapkan. |
| tersembunyi | Menyembunyikan aturan yang ditetapkan. |
| burik | Mendefinisikan aturan titik. |
| putus-putus | Garis putus-putus didefinisikan aturan. |
| padat | Mendefinisikan aturan garis nyata. |
| dua kali lipat | Didefinisikan aturan ganda. |
| alur | 3D beralur aturan yang ditetapkan. Efek ini tergantung pada lebar dan warna nilai-nilai. |
| bubungan | Mendefinisikan 3D aturan bergerigi. Efek ini tergantung pada lebar dan warna nilai-nilai. |
| sisipan | 3D inset didefinisikan aturan. Efek ini tergantung pada lebar dan warna nilai-nilai. |
| awal | awal 3D didefinisikan aturan. Efek ini tergantung pada lebar dan warna nilai-nilai. |
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
