column-rule xususiyati

column-rule xususiyati koʻp ustunli matnda ustunlar orasidagi chegaranini belgilaydi. Qabul qiladigan qiymatlari jihatidan border xususiyati bilan mos keladi.

Misol . Turi solid

Ushbu misolda matn 3 ustunga boʻlinadi, ustunlar orasidagi chegaralar 1px qalinlikdagi uzluksiz chiziq shaklida boʻladi (ustunlar orasidagi masofa avtomatik ravishda shakllanadi, chunki column-gap normal qiymatida belgilangan):

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

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

Misol . column-gap ning taʼsiri

Ushbu misolda matn 3 ustunga boʻlinadi, ular orasidagi masofa 50px boʻladi. Bunda chegaraa oralikning oʻrtasidan oʻtadi (chegaradan oʻng va chap tomonda 25px dan boʻladi):

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

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

Shuningdek qarang

column-width xususiyati,
ustun kengligini belgilaydi
column-count xususiyati,
ustunlar sonini belgilaydi
column-gap xususiyati,
ustunlar orasidagi masofani belgilaydi
column-span xususiyati,
element qancha ustunga choʻzilishini belgilaydi
columns xususiyati,
koʻp ustunlilik uchun qisqartma xususiyat hisoblanadi