Atribut column-rule-width CSS
- halaman sebelumnya column-rule-style
- Halaman berikutnya column-span
Definisi dan penggunaan
Atribut column-rule-width menentukan aturan lebar antara kolom.
Lihat juga:
Panduan CSS3:Banyak kolom CSS3
Panduan referensi HTML DOM:Atрибut columnRuleWidth
Contoh
Atur aturan warna antara kolom:
div { column-rule-width: 10px; }
Ada banyak contoh di bawah halaman.
Sintaks CSS
column-rule-width: thin|medium|thick|length;
Nilai atribut
Nilai | Deskripsi | Pengujian |
---|---|---|
thin | Definisi aturan tipis. | Pengujian |
medium | Definisi aturan menengah. | Pengujian |
thick | Definisi aturan lebar. | Pengujian |
length | Tentukan lebar aturan. | Pengujian |
Detil teknis
Nilai default: | medium |
---|---|
Inheritsi: | no |
Versi: | CSS3 |
Sintaks JavaScript: | object.style.columnRuleWidth="thin" |
Contoh lebih banyak
- Column-count
- Bagi teks di elemen div menjadi tiga kolom.
- Column-gap
- Bagi teks di elemen div menjadi tiga kolom, dengan jarak antara kolom 30 pixel.
- Column-rule
- Tentukan lebar, gaya, dan warna antara kolom.
Dukungan browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.
Angka yang mengandung -webkit- atau -moz- menunjukkan versi awal yang digunakan dengan prefiks.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
50.0 4.0 -webkit- |
10.0 | 52.0 2.0 -moz- |
9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
- halaman sebelumnya column-rule-style
- Halaman berikutnya column-span