Столбец-правило-цвет - 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;