Contoh
Mengubah gaya aturan antara kolom:
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
Cobalah sendiri " Definisi dan Penggunaan
Properti columnRuleStyle menentukan gaya aturan antara kolom.
Dukungan Browser
Properti columnRuleStyle didukung di Internet Explorer 10 dan Opera.
Firefox mendukung alternatif, properti MozColumnRuleStyle.
Safari dan Chrome mendukung alternatif, properti WebkitColumnRuleStyle.
Sintaksis
Kembali properti columnRuleStyle:
object .style.columnRuleStyle Mengatur properti columnRuleStyle:
object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| none | nilai default. Mendefinisikan ada aturan |
| hidden | Mendefinisikan aturan tersembunyi |
| dotted | Mendefinisikan aturan putus-putus |
| dashed | Mendefinisikan aturan putus-putus |
| solid | Mendefinisikan aturan yang solid |
| double | Mendefinisikan aturan ganda |
| groove | Menentukan aturan beralur 3D. Efeknya tergantung pada lebar dan warna nilai-nilai |
| ridge | Menentukan aturan bergerigi 3D. Efeknya tergantung pada lebar dan warna nilai-nilai |
| inset | Menentukan aturan inset 3D. Efeknya tergantung pada lebar dan warna nilai-nilai |
| outset | Menentukan aturan awal 3D. Efeknya tergantung pada lebar dan warna nilai-nilai |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | tak satupun |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili properti kolom-aturan-gaya elemen |
| CSS Versi | CSS3 |
Pages terkait
CSS3 tutorial: CSS3 Beberapa Kolom
Referensi CSS: column-rule-style property
<Style Object