Proprietà column-rule CSS

Definizione e uso

L'attributo column-rule è un attributo abbreviato utilizzato per impostare tutti gli attributi column-rule-*.

L'attributo column-rule imposta la larghezza, lo stile e il colore delle regole tra le colonne.

Vedi anche:

Tutorial CSS3:M ulticolumni CSS3

Manuale di riferimento HTML DOM:Attributo columnRule

Esempio

Definisci le regole di larghezza, stile e colore tra le colonne:

div
{
column-rule:3px outset #ff00ff;
}

Prova da solo

Più esempi nella parte inferiore della pagina.

Sintassi CSS

column-rule: column-rule-width column-rule-style column-rule-color;

Valore dell'attributo

Valore Descrizione
column-rule-width Imposta la regola di larghezza tra le colonne.
column-rule-style Imposta la regola di stile tra le colonne.
column-rule-color Imposta la regola di colore tra le colonne.

Dettagli tecnici

Valore predefinito: medium none black
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.columnRule="3px outset #ff00ff"

Più esempi

Column-count
Dividi il testo dell'elemento div in tre colonne.
Column-gap
Dividi il testo dell'elemento div in tre colonne e metti uno spazio tra le colonne di 30 pixel.

Supporto del browser

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

I numeri con -webkit- o -moz- indicano la versione iniziale dell'uso dei prefissi.

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