La column-rule-colorproprietà CSS determina il colore di una linea tra le colonne in un layout a più colonne CSS.
La proprietà non può agire da sola! Per vedere il colore, dobbiamo creare la linea - tecnicamente chiamata "regola" - tra le colonne. Ciò richiede la column-rule-styleproprietà.
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )Oppure, possiamo usare la column-ruleproprietà abbreviata, che unisce column-rule-color, column-rule-stylee column-rule-widthin un'unica dichiarazione.
column-rule: 3px solid #f8a100;Sintassi
column-rule-colorprende un singolo valore di colore. Può essere qualsiasi colore CSS valido, inclusi colori esadecimali, RGB, RGBa, HSL, HSLa e con nome. Accetta anche currentColorcome valore.
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
Supporto del browser
| IE | Bordo | Firefox | Cromo | Safari | musica lirica |
|---|---|---|---|---|---|
| 10+ | 12+ | 3.5+ | 4+ | 3.1+ | 11.5+ |
| Android Chrome | Android Firefox | Browser Android | iOS Safari | Opera Mini |
|---|---|---|---|---|
| 85+ | 79+ | No | 3.2+ | Tutti |
Specifica
Modulo layout multi-colonna CSS livello 1 (bozza del redattore)