Lajur-peraturan-warna - Trik CSS

Isi kandungan:

The column-rule-colorharta CSS menentukan warna garis antara tiang-tiang dalam susun atur CSS berbilang lajur.

Tempat penginapan ini tidak boleh bertindak sendiri! Untuk melihat warnanya, kita harus membuat garis - secara teknis disebut "peraturan" - di antara lajur. Itu memerlukan column-rule-styleharta.

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

Atau, kita boleh menggunakan column-ruleharta tanah pendek, yang menggabungkan column-rule-color, column-rule-styledan column-rule-widthdalam satu deklarasi.

column-rule: 3px solid #f8a100;

Sintaks

column-rule-colormengambil nilai warna tunggal. Itu boleh menjadi warna CSS yang sah, termasuk warna hex, RGB, RGBa, HSL, HSLa, dan nama. Malah ia diterima 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;