Свойство column-rule

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

Мисол . Тип solid

Бу мисолда матн 3 та колонкага бўлинади, колонкалар ўртасидаги чегаралар 1px қалинлиқдаги узун-узоқ чизиқ шаклида бўлади (устунлар ўртасидаги масофа автоматик равишда ҳосил бўлади, чунки column-gap normal қийматида белгиланган):

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

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

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

Бу мисолда матн 3 та колонкага бўлинади, улар ўртасидаги бўшлиқ 50px бўлади. Чегара эса бўшлиқнинг ўртасидан ўтади (чегарадан ўнг ва чап томонда 25px дан бўлади):

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

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

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

column-width свойствоси,
колонканинг энини белгилайди
column-count свойствоси,
колонкалар сонини белгилайди
column-gap свойствоси,
колонкалар ўртасидаги бўшлиқни белгилайди
column-span свойствоси,
элемент нечта устунга чўзилиши кераклигини белгилайди
columns свойствоси,
кўп колонкалилик учун қисқартирилган свойстводир