Column-rule hossasy

column-rule hossasy köp sütünli tekstdäki sütünler arasynda çägä bellenýär. Gabul edilýän bahalar boýunça border hossasy bilen gabat gelýär.

Mysal . Solid görnüşi

Bu mysalda tekst 3 sütüne bölüner, sütünler arasyndaky çägler bolsa 1px galyňlykdaky doly çyzyk görnüşinde bolar (sütünler arasyndaky aralyk awtomatiki dörediler, sebäbi column-gap hossasy normal bahasynda bellenen):

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

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

Mysal . Column-gap täsiri

Bu mysalda tekst 3 sütüne bölüner, olaryň arasyndaky aralyk 50px bolar. Çäg bolsa aralygyň ortasyndan geçer (çägiň sagynda we çepinde 25px aralyk bolar):

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

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

Şeýle-de görüň

sütüniň inişini bellaýan column-width hossasy,
sütünleriň sanyny bellaýan column-count hossasy,
sütünler arasyndaky aralygy bellaýan column-gap hossasy,
elementiň näçe sütüne giňelmeli digini bellaýan column-span hossasy,
köp sütünlilik üçin gysgaldylan hossa bolan columns hossasy,