Хосияти column-count

Хосияти column-count шумораи тавсияшудаи сутунҳоро дар матни бисёрсутуна муқаррар мекунад. Шумораи воқеии онҳо метавонад аз шумораи муқарраршуда фарқ кунад, вобаста ба бараи сутун ва андозаи фосилаи байни онҳо.

Синтаксис

интихобкунанда {
	column-count: рақам | auto;
}

Қиматҳо

Қимат Тавсиф

рақам Шумораи муайяншудаи сутунҳоро муқаррар мекунад. Дақиқтар, тавсия медиҳад ба браузер ки аз ин шумораи сутунҳо истифода барад, зеро шумораи воқеии онҳо метавонад аз шумораи муқарраршуда фарқ кунад, вобаста ба бараи сутун ва андозаи фосилаи байни онҳо.

auto Браузер худ шумораи оптималии сутунҳоро интихоб мекунад.

Қимат	Тавсиф
рақам	Шумораи муайяншудаи сутунҳоро муқаррар мекунад. Дақиқтар, тавсия медиҳад ба браузер ки аз ин шумораи сутунҳо истифода барад, зеро шумораи воқеии онҳо метавонад аз шумораи муқарраршуда фарқ кунад, вобаста ба бараи сутун ва андозаи фосилаи байни онҳо.
`auto`	Браузер худ шумораи оптималии сутунҳоро интихоб мекунад.

Қимати пешфарз: auto.

Намуна

Дар ин намуна матн ба 3 сутун тақсим карда мешавад (албатта, дар браузерҳое, ки бисёрсутуниро дастгирӣ мекунанд, дар дигарон танҳо матни оддӣ дар як сутун хоҳад буд):

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

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

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

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

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

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

Нигаред низ

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