Колона-правило-цвят - CSS-трикове

Съдържание:

В column-rule-colorCSS собственост определя цвета на линията между колоните в оформлението на CSS няколко колони.

Имотът не може да действа сам! За да видим цвета, трябва да направим линията - технически наречена „правило“ - между колоните. Това изисква column-rule-styleсобствеността.

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

Или можем да използваме column-ruleстенографското свойство, което комбинира column-rule-color, column-rule-styleи column-rule-widthв една декларация.

column-rule: 3px solid #f8a100;

Синтаксис

column-rule-colorвзема единична стойност на цвета. Това може да бъде всеки валиден CSS цвят, включително шестнадесетичен, RGB, RGBa, HSL, HSLa и именован цвят. Дори приема currentColorкато стойност.

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;