Својство column-rule

Својството column-rule ја поставува границата помеѓу колоните во повеќеколонски текст. По прифатените вредности се совпаѓа со својството border.

Пример . Тип solid

Во овој пример текстот ќе се подели на 3 колони со граници помеѓу колоните во вид на цврста линија со дебелина од 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,
кое е кратенка-својство за повеќеколонскост