Ī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