Barva sloupcového pravidla - Triky CSS

Obsah:

Vlastnost column-rule-colorCSS určuje barvu čáry mezi sloupci v rozložení více sloupců CSS.

Ubytovací zařízení nemůže jednat samostatně! Abychom viděli barvu, musíme vytvořit čáru - odborně nazývanou „pravidlo“ - mezi sloupci. To vyžaduje column-rule-stylevlastnost.

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

Nebo můžeme použít vlastnost column-rulezkratky, která kombinuje column-rule-color, column-rule-stylea column-rule-widthv jedné deklaraci.

column-rule: 3px solid #f8a100;

Syntax

column-rule-colorbere jednu hodnotu barvy. Může to být jakákoli platná barva CSS, včetně hex, RGB, RGBa, HSL, HSLa a pojmenovaných barev. Přijímá dokonce currentColorjako hodnotu.

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;