Уласцівасць column-span

Уласцівасць column-span задае колькасць слупкоў, на якія павінен расцягвацца элемент у шматслупковым тэксце. Уласцівасць значэннем прымае альбо лік 1, альбо ключавое слова all. Пры значэнні 1 элемент будзе ахопліваць адзін слупок, а пры значэнні all - усе слупкі.

Сінтаксіс

селектар {
	column-span: 1 | all;
}

Значэнне па змаўчанні: 1.

Прыклад

У дадзеным прыкладзе загаловак трапіць унутр першага слупка:

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

Прыклад

А цяпер загаловак расцягнецца на ўсе слупкі:

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

Глядзіце таксама

уласцівасць column-count,
якое задае колькасць слупкоў
уласцівасць column-width,
якое задае шырыню слупка
уласцівасць column-gap,
якое задае прамежак паміж слупкамі
уласцівасць column-rule,
якое задае мяжу паміж слупкамі
уласцівасць columns,
якое з'яўляецца ўласцівасцю-скарачэннем для шматслупковасці