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 қасиеті,
көпбағандылық үшін қысқартылған қасиет болып табылады