Egenskapen column-span

Egenskapen column-span anger antalet kolumner som ett element ska sträcka sig över i en text med flera kolumner. Egenskapen tar antingen ett numeriskt värde 1, eller nyckelordet all. Med värdet 1 kommer elementet att omfatta en kolumn, och med värdet all - alla kolumner.

Syntax

selektor {
	column-span: 1 | all;
}

Standardvärde: 1.

Exempel

I detta exempel kommer rubriken att hamna inuti den första kolumnen:

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

Exempel

Och nu kommer rubriken att sträcka sig över alla kolumner:

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

Se även

egenskapen column-count,
som anger antalet kolumner
egenskapen column-width,
som anger bredden på en kolumn
egenskapen column-gap,
som anger mellanrummet mellan kolumner
egenskapen column-rule,
som anger ramen mellan kolumner
egenskapen columns,
som är en sammanfattande egenskap för flerkolumnslayout