Sifat column-rule-style CSS
- halaman sebelumnya column-rule-color
- Halaman berikutnya column-rule-width
Definisi dan penggunaan
Sifat columnRule-style menentukan aturan gaya di antara kolum.
Lihat juga:
Panduan CSS3:Kolom CSS3
Panduan HTML DOM:Sifat columnRuleStyle
Contoh
Tetapkan aturan warna di antara kolum:
div { column-rule-style: dotted; }
Ada lagi contoh di bawah halaman.
Syarat CSS
column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;
Nilai sifat
Nilai | Keterangan | Pengujian |
---|---|---|
tiada | Tentukan aturan tanpa garisan. | Pengujian |
hidden | Tentukan aturan garisan tersembunyi. | Pengujian |
dotted | Tentukan aturan garisan titik. | Pengujian |
dashed | Tentukan aturan garisan gurun. | Pengujian |
solid | Tentukan aturan garisan bersatu. | Pengujian |
double | Tentukan aturan garisan ganda. | Pengujian |
groove | Tentukan aturan grooved 3D. Efect ini bergantung kepada nilai lebar dan warna. | Pengujian |
ridge | Tentukan aturan ridged 3D. Efect ini bergantung kepada nilai lebar dan warna. | Pengujian |
inset | Tentukan aturan inset 3D. Efect ini bergantung kepada nilai lebar dan warna. | Pengujian |
outset | Tentukan aturan outset 3D. Efect ini bergantung kepada nilai lebar dan warna. | Pengujian |
Perincian teknikal
Nilai lalai: | tiada |
---|---|
Warisan: | tidak |
Versi: | CSS3 |
Syarat JavaScript: | object.style.columnRuleStyle="dotted" |
Contoh lanjut
- Column-count
- Bagi teks didalam elemen div kepada tiga kolum.
- Column-gap
- Bahagikan teks didalam elemen div kepada tiga kolum, dengan jarak antara kolum sebanyak 30 pixel.
- Column-rule
- Tentukan lebar, gaya dan warna antara kolum.
Pendukung pereka
Nombor di dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini sepenuhnya.
Nombor yang disebutkan di dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini dengan prefix.
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-color
- Halaman berikutnya column-rule-width