Proprietà column-count CSS

Definizione e uso

L'attributo column-count determina il numero di colonne in cui l'elemento deve essere diviso.

Vedi anche:

Tutorial CSS3:CSS3 Multicolon

Manuale HTML DOM:Proprietà columnCount

Esempio

Dividere il testo dell'elemento div in tre colonne:

div
{
column-count:3;
}

Prova da solo

Più esempi nella parte inferiore della pagina.

Sintassi CSS

column-count: number|auto;

Valore dell'attributo

Valore Descrizione Test
number Il numero ottimale di colonne per il contenuto dell'elemento. Test
auto Il numero di colonne è determinato da altri attributi, come "column-width". Test

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.columnCount=3

Più esempi

Column-gap
Dividere il testo dell'elemento div in tre colonne e stabilire uno spazio tra le colonne di 30 pixel.
Column-rule
Definire 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.

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