Proprietà column-span
La proprietà column-span imposta il numero
di colonne su cui un elemento deve estendersi
in un testo multi-colonna.
La proprietà accetta come valore un numero 1,
o una parola chiave all. Con il valore 1
l'elemento coprirà una colonna, mentre
con il valore all - tutte le colonne.
Sintassi
selettore {
column-span: 1 | all;
}
Valore predefinito: 1.
Esempio
In questo esempio, l'intestazione si posizionerà all'interno della prima colonna:
<div id="elem">
<h2>Lorem ipsum dolor sit amet eu metus non</h2>
some long text
</div>
#elem h2 {
column-span: 1;
margin: 0;
}
#elem {
column-count: 3;
text-align: justify;
}
:
Esempio
E ora l'intestazione si estenderà su tutte le colonne:
<div id="elem">
<h2>Lorem ipsum dolor sit amet eu metus non</h2>
some long text
</div>
#elem h2 {
column-span: all;
margin: 0;
}
#elem {
column-count: 3;
text-align: justify;
}
:
Vedi anche
-
la proprietà
column-count,
che imposta il numero di colonne -
la proprietà
column-width,
che imposta la larghezza della colonna -
la proprietà
column-gap,
che imposta lo spazio tra le colonne -
la proprietà
column-rule,
che imposta la linea tra le colonne -
la proprietà
columns,
che è una proprietà abbreviata per il layout multi-colonna
