Vlastnosť column-rule-colorCSS určuje farbu čiary medzi stĺpcami v rozložení CSS s viacerými stĺpcami.
Hotel nemôže konať sám! Aby sme videli farbu, musíme urobiť čiaru - odborne nazývanú „pravidlo“ - medzi stĺpcami. To si vyžaduje column-rule-stylemajetok.
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )Alebo môžeme použiť column-rulevlastnosť skrátený, ktorý kombinuje column-rule-color, column-rule-stylea column-rule-widthv jedinom vyhlásení.
column-rule: 3px solid #f8a100;Syntax
column-rule-colormá jedinú hodnotu farby. Môže to byť akákoľvek platná farba CSS vrátane hex, RGB, RGBa, HSL, HSLa a pomenovaných farieb. Prijíma to dokonca currentColorako 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;Ukážka
Podpora prehliadača
| IE | Hrana | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| 10+ | 12+ | 3,5+ | 4+ | 3,1+ | 11,5+ |
| Android Chrome | Android Firefox | Prehliadač Android | iOS Safari | Opera Mini |
|---|---|---|---|---|
| 85+ | 79+ | Nie | 3,2+ | Všetky |
Špecifikácia
Modul rozloženia viacstĺpcov CSS úrovne 1 (návrh redaktora)