Atribut column-rule-style CSS

Definisi dan penggunaan

Atribut columnRuleStyle menentukan aturan gaya antara kolom.

Lihat pula:

Pelajaran CSS3:Banyak Kolom CSS3

Panduan HTML DOM:Atribut columnRuleStyle

Contoh

Atur aturan warna antara kolom:

div {
  column-rule-style: dotted;
}

Coba sendiri

Ada banyak contoh lain di bawah halaman.

Grammar CSS

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Nilai atribut

Nilai Deskripsi Pengujian
none Definisi aturan tanpa garis. Pengujian
hidden Definisi aturan tersembunyi. Pengujian
dotted Definisi aturan titik. Pengujian
dashed Definisi aturan garis ganda. Pengujian
solid Definisi aturan garis tegak. Pengujian
double Definisi aturan garis ganda. Pengujian
groove Definisi aturan 3D grooved. Effek ini tergantung dari nilai lebar dan warna. Pengujian
ridge Definisi aturan 3D ridged. Effek ini tergantung dari nilai lebar dan warna. Pengujian
inset Definisi aturan 3D inset. Effek ini tergantung dari nilai lebar dan warna. Pengujian
outset Definisi aturan 3D outset. Effek ini tergantung dari nilai lebar dan warna. Pengujian

Detil teknis

Nilai default: none
Inheritance: no
Versi: CSS3
Grammar JavaScript: object.style.columnRuleStyle="dotted"

Contoh lainnya

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 berisi -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