column-rule-color
CSS vara määrab värvi joon vahel veergude CSS mitmeveerulise paigutuse.
Vara ei saa üksi tegutseda! Värvi nägemiseks peame veergude vahele tegema joone - tehniliselt nn “reegli”. Selleks on vaja column-rule-style
vara.
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )
Või võime kasutada column-rule
lühikirjelduse omadust, mis ühendab column-rule-color
, column-rule-style
ja column-rule-width
ühes deklaratsioonis.
column-rule: 3px solid #f8a100;
Süntaks
column-rule-color
võtab ühe värvi väärtuse. See võib olla mis tahes kehtiv CSS-värv, sealhulgas heksakujuline, RGB, RGBa, HSL, HSLa ja nimevärv. Seda aktsepteeritakse isegi currentColor
väärtusena.
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
Brauseri tugi
IE | Edge | Firefox | Chrome | Safari | Ooper |
---|---|---|---|---|---|
10+ | 12+ | 3,5+ | 4+ | 3.1+ | 11,5+ |
Android Chrome | Android Firefox | Androidi brauser | iOS-i Safari | Opera Mini |
---|---|---|---|---|
85+ | 79+ | Ei | 3,2+ | Kõik |
Spetsifikatsioon
CSS-i mitme veeruga paigutusmooduli 1. tase (redaktori mustand)