CSS column-rule-width 属性
- halaman sebelumnya column-rule-style
- Halaman berikutnya column-span
Definisi dan penggunaan
Sifat columnRuleWidth menentukan aturan lebar di antara kolum.
Lihat juga:
Panduan CSS3:Kolom CSS3
Panduan HTML DOM:Sifat columnRuleWidth
Contoh
Tetapkan aturan warna di antara kolum:
div { column-rule-width: 10px; }
Ada lagi contoh di bawah halaman.
Rumus CSS
column-rule-width: thin|medium|thick|length;
Nilai sifat
Nilai | Penerangan | Pengujian |
---|---|---|
thin | Tentukan aturan tipis. | Pengujian |
medium | Tentukan aturan tebal. | Pengujian |
thick | Tentukan aturan lebar tebal. | Pengujian |
length | Tetapkan lebar aturan. | Pengujian |
Detil teknikal
Nilai lalai: | medium |
---|---|
Warisan: | no |
Versi: | CSS3 |
Rumus JavaScript: | object.style.columnRuleWidth="thin" |
Contoh lanjut
- Column-count
- Pembahagian teks didalam elemen div kepada tiga kolumna.
- Column-gap
- Bahagian teks didalam elemen div dijadikan tiga kolum, dengan jarak antara kolumna sebanyak 30 piksel.
- Column-rule
- Tetapkan lebar, gaya dan warna antara kolum.
Pendukung pereka
Nombor di dalam tabel menunjukkan versi pereka paling awal yang menyokong sifat ini.
Nombor yang dihadapkan dengan -webkit- atau -moz- menunjukkan versi pertama yang menggunakan awalan.
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