Proprietà column-width CSS

Definizione e uso

L'attributo column-width definisce la larghezza della colonna.

Vedi anche:

Tutorial CSS3:CSS3 Multicolon

Manuale HTML DOM:Proprietà columnWidth

Esempio

Definire la larghezza della colonna:

div
{
column-width:100px;
}

Prova da solo

Più esempi in fondo alla pagina.

Sintassi CSS

column-width: auto|length;

Valore dell'attributo

Valore Descrizione Test
auto La larghezza della colonna è decisa dal browser. Test
length Definire la larghezza della colonna. Test

Dettagli tecnici

Valore predefinito: auto
Inheritability: no
Versione: CSS3
Sintassi JavaScript: object.style.columnWidth="100px"

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 esse di 30 pixel.
Column-rule
Definire la larghezza, lo stile e il colore delle colonne.

Supporto del browser

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

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

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0