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

cssselettore {
  column-span: 1 | all;
}

Valore predefinito: 1.

Esempio

In questo esempio, l'intestazione si posizionerà all'interno della prima colonna:

html<div id="elem">
  <h2>Lorem ipsum dolor sit amet eu metus non</h2>
  some long text
</div>

css#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:

html<div id="elem">
  <h2>Lorem ipsum dolor sit amet eu metus non</h2>
  some long text
</div>

css#elem h2 {
  column-span: all;
  margin: 0;
}
#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

Vedi anche