Својство column-rule

Својство column-rule поставља границу између колона у вишеколонском тексту. По вредностима које прихвата подудара се са својством border.

Пример . Тип solid

У овом примеру текст ће се поделити на 3 колоне са границама између колона у виду пунe линије дебљине 1px (растојање између стубова ће се формирати аутоматски, пошто је задат column-gap са вредношћу normal):

<div id="elem">
	some long text
</div>

#elem {
	column-rule: 1px solid black;
	column-count: 3;
	column-gap: normal;
	text-align: justify;
}

Пример . Утицај column-gap

У овом примеру текст ће се поделити на 3 колоне са размаком између њих од 50px. Граница ће при томе проћи по средини размака (десно и лево од границе биће по 25px):

<div id="elem">
	some long text
</div>

#elem {
	column-rule: 1px solid black;
	column-count: 3;
	column-gap: 50px;
	text-align: justify;
}

Погледајте такође

својство column-width,
које задаје ширину колоне
својство column-count,
које задаје број колона
својство column-gap,
које задаје размак између колона
својство column-span,
које задаје број стубова на које се елемент мора протезати
својство columns,
које је својство-скраћеница за вишеколонскост