Omadus column-rule

Omadus column-rule määrab piiri veergude vahel mitmeveerulises tekstis. Võetavate väärtuste poolest langeb see kokku omadusega border.

Näide . Tüüp solid

Selles näites jaguneb tekst 3 veeruks, mille vahel on piirijoon pideva joonena paksusega 1px (vahemaa veergude vahel kujuneb automaatselt, kuna on määratud column-gap väärtusel normal):

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

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

Näide . Column-gap mõju

Selles näites jaguneb tekst 3 veeruks, mille vahe on 50px. Piirjoon kulgeb sel juhul vahemaa keskelt (piirjoonest paremal ja vasakul on kumbki 25px):

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

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

Vaata ka

omadus column-width,
mis määrab veeru laiuse
omadus column-count,
mis määrab veergude arvu
omadus column-gap,
mis määrab veergude vahelise vahemaa
omadus column-span,
mis määrab veergude arvu, millele element peaks ulatuma
omadus columns,
mis on lühendomadus mitmeveerulisuse jaoks