Svojstvo column-rule

Svojstvo column-rule zadaje granicu između kolona u višekolonskom tekstu. Po prihvaćenim vrednostima poklapa se sa svojstvom border.

Primer . Tip solid

U ovom primeru tekst će se podeliti na 3 kolone sa granicama između kolona u vidu pune linije debljine 1px (rastojanje između stubova će se formirati automatski, pošto je zadat column-gap u vrednosti normal):

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

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

Primer . Uticaj column-gap

U ovom primeru tekst će se podeliti na 3 kolone sa razmakom između njih od 50px. Granica će pritom proći po sredini razmaka (desno i levo od granice biće po 25px):

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

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

Pogledajte takođe

svojstvo column-width,
koje zadaje širinu kolone
svojstvo column-count,
koje zadaje broj kolona
svojstvo column-gap,
koje zadaje razmak između kolona
svojstvo column-span,
koje zadaje broj stubova na koje se element treba proširiti
svojstvo columns,
koje je skraćeno svojstvo za višekolonskost