Lastnost column-rule-colorCSS določa barvo črte med stolpci v postavitvi CSS z več stolpci.
Nepremičnina ne more delovati sama! Da bi videli barvo, moramo narediti črto - tehnično imenovano »pravilo« - med stolpci. To zahteva column-rule-stylelastnino.
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )Lahko pa uporabimo column-rulestenografsko lastnost, ki združuje column-rule-color, column-rule-stylein column-rule-widthv eni sami izjavi.
column-rule: 3px solid #f8a100;Sintaksa
column-rule-colorima eno barvno vrednost. To je lahko katera koli veljavna barva CSS, vključno s šestnajstiško, RGB, RGBa, HSL, HSLa in imenovanimi barvami. Sprejema celo currentColorkot vrednoto.
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
Podpora brskalnika
| IE | Rob | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| 10+ | 12+ | 3,5+ | 4+ | 3.1+ | 11,5+ |
| Android Chrome | Android Firefox | Brskalnik Android | iOS Safari | Opera Mini |
|---|---|---|---|---|
| 85+ | 79+ | Ne | 3,2+ | Vse |
Specifikacija
Modul postavitve CSS z več stolpci 1. stopnja (urednikov osnutek)