column-rule-colorCSS nuosavybė lemia linijos tarp stulpelių CSS kelių stulpelių išdėstymo spalvą.
Turtas negali veikti vienas! Norėdami pamatyti spalvą, turime padaryti liniją - techniškai vadinamą „taisykle“ - tarp stulpelių. Tam reikia column-rule-styleturto.
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )Arba mes galime naudoti column-rulestenografijos savybę, kuri sujungiama column-rule-color, column-rule-styleir column-rule-widthvienoje deklaracijoje.
column-rule: 3px solid #f8a100;Sintaksė
column-rule-coloružima vienos spalvos vertę. Tai gali būti bet kuri tinkama CSS spalva, įskaitant šešiakampę, RGB, RGBa, HSL, HSLa ir pavadintas spalvas. Tai netgi priima currentColorkaip vertę.
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;Demonstracija
Naršyklės palaikymas
| T.Y | Briauna | „Firefox“ | „Chrome“ | „Safari“ | Opera |
|---|---|---|---|---|---|
| 10+ | 12+ | 3,5 ir daugiau | 4+ | 3.1+ | 11,5+ |
| „Android Chrome“ | „Android Firefox“ | „Android“ naršyklė | „iOS Safari“ | „Opera Mini“ |
|---|---|---|---|---|
| 85+ | 79+ | Ne | 3.2+ | Viskas |
Specifikacija
CSS kelių stulpelių išdėstymo modulio 1 lygis (redaktoriaus juodraštis)