Proprietà columns CSS

Definizione e uso

L'attributo columns è un attributo abbreviato utilizzato per impostare la larghezza e il numero delle colonne.

Vedi anche:

Tutorial CSS3:CSS3 Multicolon

Manuale di riferimento HTML DOM:Attributo columns

Esempio

Definire la larghezza e il numero delle colonne:

div
{
columns:100px 3;
}

Prova tu stesso

Più esempi nella parte inferiore della pagina.

Sintassi CSS

columns: column-width column-count;

Valore dell'attributo

Valore Descrizione
column-width Larghezza della colonna.
column-count Numero di colonne.

Dettagli tecnici

Valore predefinito: auto auto
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.columns="100px 3"

Altri esempi

Column-count
Dividere il testo dell'elemento div in tre colonne.
Column-gap
Dividere il testo dell'elemento div in tre colonne e lasciare uno spazio tra loro 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.

I numeri con -webkit- o -moz- indicano la versione iniziale del prefisso utilizzato.

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