CSS column-rule-width 属性

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

Coba sendiri

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