Хосияти column-width

Хосияти column-width васеиии сутунҳоро дар матни бисёрсутуна муайян мекунад. Қимати хосият ягон як воҳидҳои барои андозаҳо аст, ба истиснои фоизҳо, ё калимаи калидӣ auto (бо таври пешфарз). Ҳангоми қимати auto браузер худаш васеиии оптималии сутунҳоро бо асоси column-count ва column-gap интихоб мекунад.

Синтаксис

интихобкунанда {
	column-width: қимат;
}

Намуна . Васеиии муайяншуда

Дар ин намуна васеиии сутун column-width дар 150px муайян шудааст, ва шумораи онҳо column-count дар қимати auto қарор дорад. Дар натиҷа васеиии сутунҳо 150px хоҳад буд, шумораи онҳо ва фосила байнашон браузер худаш интихоб мекунад:

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

#elem {
	column-count: auto;
	column-width: 150px;
	text-align: justify;
}

Намуна . Қимати auto

Дар ин намуна матн ба 3 сутун таксим мешавад (зеро column-width дар қимати 3 қарор дорад), ва аммо васеиии онҳо ба таври худкор ҳисоб карда мешавад:

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

#elem {
	column-width: auto;
	column-count: 3;
	text-align: justify;
}

Ҳамчунин нигаред

хосияти column-count,
ки шумораи сутунҳоро муайян мекунад
хосияти column-gap,
ки фосилаи байни сутунҳоро муайян мекунад
хосияти column-rule,
ки ҳудуди байни сутунҳоро муайян мекунад
хосияти column-span,
ки шумораи сутунҳоеро, ки элемент бояд дар онҳо кашида шавад, муайян мекунад
хосияти columns,
ки хосияти кӯтоҳкардашуда барои бисёрсутунагӣ мебошад