A column-rule-color
CSS tulajdonság meghatározza az oszlopok közötti vonal színét a CSS többoszlopos elrendezésében.
Az ingatlan nem járhat el egyedül! A szín megtekintéséhez meg kell alkotnunk az oszlopok közötti - technikailag „szabálynak” nevezett - vonalat. Ehhez az column-rule-style
ingatlanra van szükség .
.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )
Vagy használhatjuk a column-rule
gyorsírás tulajdonságot, amely egyesíti column-rule-color
, column-rule-style
és column-rule-width
egyetlen nyilatkozatban.
column-rule: 3px solid #f8a100;
Szintaxis
column-rule-color
egyetlen színértéket vesz fel. Ez bármilyen érvényes CSS szín lehet, beleértve a hex, RGB, RGBa, HSL, HSLa és a megnevezett színeket. Még currentColor
értékként is elfogadja .
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;
Demó
Böngésző támogatás
AZAZ | Él | Firefox | Króm | Szafari | Opera |
---|---|---|---|---|---|
10+ | 12+ | 3,5+ | 4+ | 3.1+ | 11.5+ |
Android Chrome | Android Firefox | Android böngésző | iOS Safari | Opera Mini |
---|---|---|---|---|
85+ | 79+ | Nem | 3.2+ | Összes |
Leírás
CSS többoszlopos elrendezési modul, 1. szint (a szerkesztő tervezete)