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

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

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

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

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

Результат:

Angalia pia