Sifat column-rule-style CSS

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;
}

Coba sendiri

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