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

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

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

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

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

Результат:

Vaata ka