Width-rule-width - Triky CSS

Obsah:

Anonim

Vlastnost column-rule-widthCSS nastavuje tloušťku čáry, která je nakreslena mezi sloupci column-rule-stylev 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-rulevlastnost zkrácený, který kombinuje column-rule-width, column-rule-stylea 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; 0pokud column-rule-styleje nonenebohidden
  • 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
Zdroj: caniuse

Specifikace

CSS Multi-column Layout Module Level 1 (Koncept redakce)