Ī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):

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

css#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):

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

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

Результат:

Skatiet arī