Szerokość reguły kolumny - CSS-Tricks

Spisie treści:

Anonim

Właściwość column-rule-widthCSS ustawia grubość linii, która jest rysowana między kolumnami column-rule-stylew układzie wielokolumnowym CSS.

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

Innym sposobem, aby go o to, aby wykorzystać column-ruleskróconą własnością, która łączy column-rule-width, column-rule-stylea column-rule-color.

.columns ( columns: 2 600px; column-rule: dotted 3px #f8a100; )

Składnia

column-rule-width: thin | medium | thick |
  • Wartość początkowa: medium
  • Dotyczy: kontenerów wielokolumnowych
  • Odziedziczone: nie
  • Wartość obliczona: długość bezwzględna; 0jeśli column-rule-stylejest nonelubhidden
  • Typ animacji: według obliczonego typu wartości

Wartości

column-rule-width przyjmuje pojedynczą nazwaną, długość lub wartość globalną.

/* 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;

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
Źródło: caniuse

Specyfikacja

Moduł układu wielokolumnowego CSS, poziom 1 (wersja robocza redakcji)