Colonna-regola-larghezza - Trucchi CSS

Sommario:

Anonim

La column-rule-widthproprietà CSS imposta lo spessore della linea tracciata tra le colonne column-rule-stylein un layout a più colonne CSS.

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

Un altro modo per andare a questo proposito è quello di utilizzare la column-ruleproprietà abbreviata, che unisce column-rule-width, column-rule-stylee column-rule-color.

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

Sintassi

column-rule-width: thin | medium | thick |
  • Valore iniziale: medium
  • Si applica a: contenitori a più colonne
  • Ereditato: no
  • Valore calcolato: lunghezza assoluta; 0se column-rule-styleè noneohidden
  • Tipo di animazione: per tipo di valore calcolato

Valori

column-rule-width accetta un singolo valore denominato, lunghezza o globale.

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

Supporto del browser

IE Bordo Firefox Cromo Safari musica lirica
10+ 12+ 3.5+ 4+ 3.1+ 11.5+
Android Chrome Android Firefox Browser Android iOS Safari Opera Mini
85+ 79+ No 3.2+ Tutti
Fonte: caniuse

Specifica

Modulo layout multi-colonna CSS livello 1 (bozza del redattore)