Proprietà column-rule-style CSS

Definizione e uso

L'attributo column-rule-style determina la regola di stile tra le colonne.

Vedi anche:

Tutorial CSS3:Colonne CSS3

Manuale HTML DOM:Proprietà columnRuleStyle

Esempio

Imposta la regola di colore tra le colonne:

div {
  column-rule-style: dotted;
}

Prova tu stesso

Più esempi in fondo alla pagina.

Sintassi CSS

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Valore dell'attributo

Valore Descrizione Test
nessuna Definisce la regola senza linea. Test
hidden Definisce la regola nascosta. Test
dotted Definisce la regola a punto. Test
dashed Definisce la regola a linea tratteggiata. Test
solid Definisce la regola a linea solida. Test
double Definisce la regola a doppia linea. Test
groove Definisce la regola 3D grooved. L'effetto dipende dai valori di larghezza e colore. Test
ridge Definisce la regola 3D ridged. L'effetto dipende dai valori di larghezza e colore. Test
inset Definisce la regola 3D inset. L'effetto dipende dai valori di larghezza e colore. Test
outset Definisce la regola 3D outset. L'effetto dipende dai valori di larghezza e colore. Test

Dettagli tecnici

Valore predefinito: nessuna
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.columnRuleStyle="dotted"

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 spazio di 30 pixel tra di esse.
Column-rule
Regola 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 il primo versione dei prefissi utilizzati.

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