Właściwość column-rule-colorCSS określa kolor linii między kolumnami w układzie wielokolumnowym CSS.
Nieruchomość nie może działać sama! Aby zobaczyć kolor, musimy zrobić linię - technicznie nazywaną „regułą” - między kolumnami. To wymaga column-rule-stylewłasności.
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )Albo, możemy użyć column-ruleskróconą własnością, która łączy column-rule-color, column-rule-stylea column-rule-widthw jednym zgłoszeniu.
column-rule: 3px solid #f8a100;Składnia
column-rule-colorprzyjmuje jedną wartość koloru. Może to być dowolny prawidłowy kolor CSS, w tym szesnastkowy, RGB, RGBa, HSL, HSLa i nazwane kolory. Akceptuje nawet currentColorjako wartość.
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;Próbny
Wsparcie przeglądarki
| TO ZNACZY | Brzeg | Firefox | Chrom | Safari | Opera |
|---|---|---|---|---|---|
| 10+ | 12+ | 3.5+ | 4+ | 3.1+ | 11,5+ |
| Android Chrome | Android Firefox | Przeglądarka Android | iOS Safari | Opera Mini |
|---|---|---|---|---|
| 85+ | 79+ | Nie | 3.2+ | Wszystko |
Specyfikacja
Moduł układu wielokolumnowego CSS, poziom 1 (wersja robocza redakcji)