Egenskaben column-span

Egenskaben column-span angiver antallet af kolonner, som et element skal strækkes over i en tekst med flere kolonner. Egenskaben tager enten et tal 1 eller et nøgleord all som værdi. Med værdien 1 vil elementet spænde over én kolonne, og med værdien all - alle kolonner.

Syntaks

selektor {
	column-span: 1 | all;
}

Standardværdi: 1.

Eksempel

I dette eksempel vil overskriften være placeret inde i den første kolonne:

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

Eksempel

Nu vil overskriften strække sig over alle kolonner:

<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 også

egenskaben column-count,
som angiver antallet af kolonner
egenskaben column-width,
som angiver bredden af en kolonne
egenskaben column-gap,
som angiver mellemrummet mellem kolonner
egenskaben column-rule,
som angiver grænsen mellem kolonner
egenskaben columns,
som er en sammentrækningsegenskab for flere kolonner