Sifa column-rule

Sifa column-rule huweka mpaka kati ya safu wima katika maandishi yenye safu wima nyingi. Kwa maadili inayokubaliana inafanana na sifa border.

Mfano . Aina ya solid

Katika mfano huu maandishi yatagawanyika katika 3 safu wima zilizo na mipaka kati ya safu wima kwa mfumo wa mstari thabiti wenye unene wa 1px (umbali kati ya safu wima utaundwa otomatiki, kwa kuwa column-gap imewekwa kwa thamani normal):

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

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

Mfano . Athari ya column-gap

Katika mfano huu maandishi yatagawanyika katika 3 safu wima zilizo na pengo kati yao la 50px. Mpaka huu utapita katikati ya pengo (kulia na kushoto mwa mpaka kutakuwa na 25px kila upande):

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

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

Angalia pia

sifa column-width,
ambayo huweka upana wa safu wima
sifa column-count,
ambayo huweka idadi ya safu wima
sifa column-gap,
ambayo huweka pengo kati ya safu wima
sifa column-span,
ambayo huweka idadi ya safu wima, ambazo kipengele kinapaswa kunyooshwa
sifa columns,
ambayo ni sifa ya ukataji kwa utofauti wa safu wima nyingi