Atribut column-rule CSS

Definisi dan Penggunaan

Aturan columnRule adalah aturan singkat yang digunakan untuk mengatur semua aturan column-rule-*.

Aturan columnRule menata lebar, gaya, dan warna aturan antara kolom.

Lihat Juga:

Panduan CSS3:Beralih Kolom CSS3

Panduan Referensi HTML DOM:Aturan columnRule

Contoh

Tentukan aturan lebar, gaya, dan warna antara kolom:

div
{
column-rule:3px outset #ff00ff;
}

Coba Sendiri

Ada banyak contoh lainnya di bawah halaman.

Syarat CSS

column-rule: column-rule-width column-rule-style column-rule-color;

Nilai Aturan

Nilai Deskripsi
column-rule-width Atur aturan lebar antara kolom.
column-rule-style Atur aturan gaya antara kolom.
column-rule-color Atur aturan warna antara kolom.

Detil Teknik

Nilai Default: medium none black
Inheritance: no
Versi: CSS3
Syarat JavaScript: object.columnRule="3px outset #ff00ff"

Beberapa Contoh Lainnya

Column-count
Bagi teks di elemen div menjadi tiga kolom.
Column-gap
Bagi teks di elemen div menjadi tiga kolom, dengan jarak antar kolom 30 pixel.

Dukungan Browser

Angka di tabel menunjukkan versi pertama browser yang mendukung sifat ini penuh.

Angka yang diawali 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