column-rule-colorCSS īpašums nosaka krāsu līnijas starp slejām CSS vairāku kolonnu izkārtojumu.
Īpašums nevar rīkoties viens pats! Lai redzētu krāsu, mums jāveido līnija - tehniski saukta par “likumu” - starp kolonnām. Tam nepieciešams column-rule-styleīpašums.
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )Vai arī mēs varam izmantot column-rulestenogrāfijas īpašumu, kas apvieno column-rule-color, column-rule-styleun column-rule-widthvienā deklarācijā.
column-rule: 3px solid #f8a100;Sintakse
column-rule-colorņem vienas krāsas vērtību. Tā var būt jebkura derīga CSS krāsa, ieskaitot sešstūra, RGB, RGBa, HSL, HSLa un nosaukto krāsu. To pat pieņem currentColorkā vērtību.
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;Demonstrācija
Pārlūkprogrammas atbalsts
| IE | Mala | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| 10+ | 12+ | 3,5+ | 4+ | 3.1+ | 11.5+ |
| Android Chrome | Android Firefox | Android pārlūks | iOS Safari | Opera Mini |
|---|---|---|---|---|
| 85+ | 79+ | Nē | 3.2+ | Viss |
Specifikācija
CSS vairāku kolonnu izkārtojuma moduļa 1. līmenis (redaktora melnraksts)