Šírka pravidla stĺpca - Triky CSS

Obsah:

Anonim

Vlastnosť column-rule-widthCSS nastavuje hrúbku čiary, ktorá je nakreslená medzi stĺpcami v column-rule-stylepri rozložení viacerých stĺpcov CSS.

.columns ( columns: 2 600px; column-rule-style: dotted; column-rule-width: 3px; )

Ďalší spôsob, ako ísť o to je použiť column-rulevlastnosť skrátený, ktorý 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 |
  • Pôvodná hodnota: medium
  • Platí pre: viacstĺpcové kontajnery
  • Zdedené: č
  • Vypočítaná hodnota: absolútna dĺžka; 0ak column-rule-styleje nonealebohidden
  • Typ animácie: podľa typu vypočítanej hodnoty

Hodnoty

column-rule-width má jednu pomenovanú, dĺžku alebo globálnu 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ážka

Podpora prehliadača

IE Hrana Firefox Chrome Safari Opera
10+ 12+ 3,5+ 4+ 3,1+ 11,5+
Android Chrome Android Firefox Prehliadač Android iOS Safari Opera Mini
85+ 79+ Nie 3,2+ Všetky
Zdroj: caniuse

Špecifikácia

Modul rozloženia viacstĺpcov CSS úrovne 1 (návrh redaktora)