Īpašība column-rule

Īpašība column-rule nosaka robežu starp kolonnām daudzkolonu tekstā. Pēc pieņemtajām vērtībām sakrīt ar īpašību border.

Piemērs . Tips solid

Šajā piemērā teksts tiks sadalīts 3 kolonnās ar robežām starp kolonnām veidā nepārtrauktas līnijas ar biezumu 1px (attālums starp kolonnām veidosies automātiski, jo ir norādīts column-gap ar vērtību normal):

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

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

Piemērs . Column-gap ietekme

Šajā piemērā teksts tiks sadalīts 3 kolonnās ar atstarpi starp tām 50px. Robeža šajā gadījumā ies pa vidu atstarpes (pa labi un pa kreisi no robežas būs 25px):

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

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

Skatiet arī

īpašība column-width,
kas nosaka kolonnas platumu
īpašība column-count,
kas nosaka kolonnu skaitu
īpašība column-gap,
kas nosaka atstarpi starp kolonnām
īpašība column-span,
kas nosaka kolonnu skaitu, kurās elements jāizstiepj
īpašība columns,
kas ir saīsinājuma īpašība daudzkolonu tekstam