Spaltenregelbreite - CSS-Tricks

Inhaltsverzeichnis:

Anonim

Die column-rule-widthCSS-Eigenschaft legt die Dicke der Linie fest, die column-rule-stylein einem mehrspaltigen CSS-Layout zwischen Spalten gezogen wird .

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

Ein anderer Weg , um darüber zu gehen ist , die verwenden column-ruleKurzschrift - Eigenschaft, die kombiniert column-rule-width, column-rule-styleund column-rule-color.

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

Syntax

column-rule-width: thin | medium | thick |
  • Ursprünglicher Wert: medium
  • Gilt für: mehrspaltige Container
  • Geerbt: nein
  • Berechneter Wert: absolute Länge; 0wenn das column-rule-styleist noneoderhidden
  • Animationstyp: nach berechnetem Werttyp

Werte

column-rule-width Nimmt einen einzelnen Namen, eine Länge oder einen globalen Wert.

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

Demo

Browser-Unterstützung

IE Kante Feuerfuchs Chrom Safari Oper
10+ 12+ 3.5+ 4+ 3.1+ 11,5+
Android Chrome Android Firefox Android Browser iOS Safari Opera Mini
85+ 79+ Nein 3.2+ Alle
Quelle: caniuse

Spezifikation

CSS Mehrspaltiges Layoutmodul Stufe 1 (Entwurf des Herausgebers)