Coloană-regulă-culoare - CSS-Tricks

Cuprins:

Proprietatea column-rule-colorCSS determină culoarea unei linii între coloane într-un aspect CSS cu mai multe coloane.

Proprietatea nu poate acționa singură! Pentru a vedea culoarea, trebuie să facem linia - numită tehnic o „regulă” - între coloane. Asta necesită column-rule-styleproprietatea.

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

Sau putem folosi column-ruleproprietatea de scurtare, care combină column-rule-color, column-rule-styleși column-rule-widthîntr-o singură declarație.

column-rule: 3px solid #f8a100;

Sintaxă

column-rule-coloria o singură valoare de culoare. Aceasta poate fi orice culoare CSS validă, inclusiv hex, RGB, RGBa, HSL, HSLa și culorile denumite. Acceptă chiar currentColorca valoare.

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;