Proprietatea column-span

Proprietatea column-span stabilește numărul de coloane pe care ar trebui să se întindă un element în textul multicoloană. Proprietatea acceptă fie o valoare numerică 1, fie cuvântul cheie all. Cu valoarea 1 elementul va acoperi o singură coloană, iar cu valoarea all - toate coloanele.

Sintaxă

selector {
	column-span: 1 | all;
}

Valoare implicită: 1.

Exemplu

În acest exemplu, titlul va fi plasat în interiorul primei coloane:

<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;
}

Exemplu

Iar acum titlul se va întinde pe toate coloanele:

<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;
}

Vedeți și

proprietatea column-count,
care stabilește numărul de coloane
proprietatea column-width,
care stabilește lățimea coloanei
proprietatea column-gap,
care stabilește spațiul dintre coloane
proprietatea column-rule,
care stabilește bordura dintre coloane
proprietatea columns,
care este o proprietate scurtă pentru textul multicoloană