Sütun kuralı rengi - CSS Hileleri

İçindekiler:

column-rule-colorCSS özelliği CSS çok sütunlu düzeninde sütunu arasındaki bir çizginin rengi belirler.

Mülk tek başına hareket edemez! Rengi görmek için, teknik olarak "kural" olarak adlandırılan çizgiyi sütunlar arasında yapmamız gerekir. Bu column-rule-styleözelliği gerektirir .

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

Ya da, kullanabilirsiniz column-rulebirleştiren steno özelliği, column-rule-color, column-rule-styleve column-rule-widthtek bildiriminde.

column-rule: 3px solid #f8a100;

Sözdizimi

column-rule-colortek bir renk değeri alır. Bu, hex, RGB, RGBa, HSL, HSLa ve adlandırılmış renkler dahil olmak üzere herhangi bir geçerli CSS rengi olabilir. Hatta currentColorbir değer olarak kabul eder .

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;