Eigenschap column-span

De eigenschap column-span bepaalt het aantal kolommen waarover een element moet uitstrekken in een tekst met meerdere kolommen. De eigenschap accepteert als waarde ofwel het getal 1, ofwel het sleutelwoord all. Met de waarde 1 beslaat het element één kolom, en met de waarde all - alle kolommen.

Syntaxis

selector {
	column-span: 1 | all;
}

Standaardwaarde: 1.

Voorbeeld

In dit voorbeeld komt de kop in de eerste kolom:

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

Voorbeeld

En nu strekt de kop zich uit over alle kolommen:

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

Zie ook

de eigenschap column-count,
die het aantal kolommen bepaalt
de eigenschap column-width,
die de breedte van een kolom bepaalt
de eigenschap column-gap,
die de tussenruimte tussen kolommen bepaalt
de eigenschap column-rule,
die de rand tussen kolommen bepaalt
de eigenschap columns,
die de verkorte eigenschap is voor meerkolomsopmaak