Vlastnost column-rule-width
CSS nastavuje tloušťku čáry, která je nakreslena mezi sloupci column-rule-style
v rozložení více sloupců CSS.
.columns ( columns: 2 600px; column-rule-style: dotted; column-rule-width: 3px; )
Další způsob, jak jít o to je použít column-rule
vlastnost zkrácený, který kombinuje column-rule-width
, column-rule-style
a column-rule-color
.
.columns ( columns: 2 600px; column-rule: dotted 3px #f8a100; )
Syntax
column-rule-width: thin | medium | thick |
- Počáteční hodnota:
medium
- Platí pro: vícesloupcové kontejnery
- Zděděno: ne
- Vypočítaná hodnota: absolutní délka;
0
pokudcolumn-rule-style
jenone
nebohidden
- Typ animace: podle typu vypočítané hodnoty
Hodnoty
column-rule-width
trvá jednu pojmenovanou, délkovou nebo globální hodnotu.
/* Named values */ column-rule-width: thin; column-rule-width: medium; column-rule-width: thick; /* Length values */ column-rule-width: 15px; column-rule-width: 1.5rem; /* Global values */ column-rule-width: inherit; column-rule-width: initial; column-rule-width: unset;
Ukázka
Podpora prohlížeče
TJ | Okraj | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
10+ | 12+ | 3,5+ | 4+ | 3.1+ | 11,5+ |
Android Chrome | Android Firefox | Prohlížeč Android | iOS Safari | Opera Mini |
---|---|---|---|---|
85+ | 79+ | Ne | 3,2+ | Všechno |
Specifikace
CSS Multi-column Layout Module Level 1 (Koncept redakce)