Хусусияти 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,
ки хусусияти мухтасари бисёрсутунагӣ мебошад