Proprietà column-span CSS

Definizione e uso

L'attributo column-span determina quante colonne l'elemento deve coprire.

Vedi anche:

Tutorial CSS3:CSS3 Multicolon

Manuale HTML DOM:Proprietà columnSpan

Esempio

Fare attraversare tutte le colonne all'elemento h2:

h2
{
column-span:all;
}

Prova tu stesso

Più esempi alla fine della pagina.

Sintassi CSS

column-span: 1|all;

Valore dell'attributo

Valore Descrizione Test
1 L'elemento deve coprire una colonna. Test
all L'elemento deve coprire tutte le colonne. Test

Dettagli tecnici

Valore predefinito: 1
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: object.style.columnSpan="all"

Altri esempi

Column-count
Divide il testo dell'elemento div in tre colonne.
Column-gap
Divide il testo dell'elemento div in tre colonne e mette uno spazio di 30 pixel tra esse.
Column-rule
Definisce 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- come prefisso rappresentano la prima versione con prefisso utilizzata.

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