Свойство column-rule

Свойство column-rule многоколонкали матндаги колонкалар ўртасидаги чегарани белгилайди. Қабул қиладиган қийматлар жиҳатидан свойство border билан мос келади.

Мисол . Тип solid

Бу мисолда матн 3 та колонкага бўлинади, колонкалар ўртасидаги чегаралар 1px қалинлиқдаги узун-узоқ чизиқ шаклида бўлади (устунлар ўртасидаги масофа автоматик равишда ҳосил бўлади, чунки column-gap 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;
}

Результат:

Мисол . Column-gap-нинг таъсири

Бу мисолда матн 3 та колонкага бўлинади, улар ўртасидаги бўшлиқ 50px бўлади. Чегара эса бўшлиқнинг ўртасидан ўтади (чегарадан ўнг ва чап томонда 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;
}

Результат:

Қуйидагиларни ҳам кўринг