Proprietà column-rule-width CSS

Definizione e uso

L'attributo columnRuleWidth stabilisce la regola di larghezza tra le colonne.

Vedi anche:

Tutorial CSS3:Multi-columni CSS3

Manuale di riferimento HTML DOM:Proprietà columnRuleWidth

Esempio

Imposta la regola di colore tra le colonne:

div {
  column-rule-width: 10px;
}

Prova da solo

Ci sono più esempi in fondo alla pagina.

Sintassi CSS

column-rule-width: thin|medium|thick|length;

Valore dell'attributo

Valore Descrizione Test
thin Definisce la regola sottile. Test
medium Definisce la regola media. Test
thick Definisce la larghezza della regola. Test
length Stabilisce la larghezza della regola. Test

Dettagli tecnici

Valore predefinito: medium
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.columnRuleWidth="thin"

Più esempi

Column-count
Divide il testo all'interno dell'elemento div in tre colonne.
Column-gap
Divide il testo all'interno dell'elemento div in tre colonne e inserisce uno spaziamento di 30 pixel tra esse.
Column-rule
Stabilisce la larghezza, lo stile e il colore tra le colonne.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

I numeri con -webkit- o -moz- sono la prima versione utilizzata con il prefisso.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1