Właściwość column-span

Właściwość column-span określa liczbę kolumn, na które powinien rozciągać się element w tekście wielokolumnowym. Właściwość przyjmuje jako wartość albo liczbę 1, albo słowo kluczowe all. Przy wartości 1 element będzie obejmować jedną kolumnę, a przy wartości all - wszystkie kolumny.

Składnia

selektor {
	column-span: 1 | all;
}

Wartość domyślna: 1.

Przykład

W tym przykładzie nagłówek znajdzie się wewnątrz pierwszej kolumny:

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

Przykład

A teraz nagłówek rozciągnie się na wszystkie kolumny:

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

Zobacz też

właściwość column-count,
która określa liczbę kolumn
właściwość column-width,
która określa szerokość kolumny
właściwość column-gap,
która określa odstęp między kolumnami
właściwość column-rule,
która określa obramowanie między kolumnami
właściwość columns,
która jest właściwością skrótową dla układu wielokolumnowego