column-rule-colorCSS svojstvo određuje boju linije između stupaca u izgledu CSS više stupaca.
Imanje ne može djelovati samo! Da bismo vidjeli boju, moramo napraviti liniju - koja se tehnički naziva "pravilo" - između stupaca. Za to je potrebna column-rule-styleimovina.
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )Ili, možemo koristiti column-ruleKratica svojstva koja kombinira column-rule-color, column-rule-stylete column-rule-widthu jednoj izjavi.
column-rule: 3px solid #f8a100;Sintaksa
column-rule-coloruzima jednu vrijednost boje. To može biti bilo koja valjana CSS boja, uključujući hex, RGB, RGBa, HSL, HSLa i imenovane boje. Čak prihvaća i currentColorkao vrijednost.
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;Demo
Podrška preglednika
| IE | Rub | Firefox | Krom | Safari | Opera |
|---|---|---|---|---|---|
| 10+ | 12+ | 3,5+ | 4+ | 3.1+ | 11,5+ |
| Android Chrome | Android Firefox | Android preglednik | iOS Safari | Opera Mini |
|---|---|---|---|---|
| 85+ | 79+ | Ne | 3,2+ | svi |
Specifikacija
CSS modul izgleda više stupaca razina 1 (urednikov nacrt)