Kolom-aturan-warna - Trik CSS

Daftar Isi:

The column-rule-colorproperti CSS menentukan warna garis antara kolom dalam tata letak CSS multi-kolom.

Properti tidak bisa bertindak sendiri! Untuk melihat warnanya, kita perlu membuat garis - secara teknis disebut “aturan” - antar kolom. Itu membutuhkan column-rule-styleproperti.

.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )

Atau, kita bisa menggunakan column-ruleproperti steno, yang menggabungkan column-rule-color, column-rule-styledan column-rule-widthdalam satu deklarasi.

column-rule: 3px solid #f8a100;

Sintaksis

column-rule-colormengambil satu nilai warna. Itu bisa berupa warna CSS yang valid, termasuk hex, RGB, RGBa, HSL, HSLa, dan warna bernama. Ia bahkan menerima currentColorsebagai nilai.

column-rule-color: #f8a100; column-rule-color: hsl(39,100,49); column-rule-color: rgb(250,162,0); column-rule-color: aliceblue; column-rule-color: currentColor;