A column-width tulajdonság

A column-width tulajdonság határozza meg az oszlopok szélességét többoszlopos szövegben. A tulajdonság értéke bármilyen mértékegység a méretekhez lehet, kivéve százalékot, vagy a auto kulcsszó (alapértelmezés). Auto érték esetén a böngésző maga határozza meg az oszlopok optimális szélességét a column-count és a column-gap alapján.

Szintaxis

szelektor {
	column-width: érték;
}

Példa . Megadott szélesség

Ebben a példában az oszlop szélessége column-width 150px, a számuk column-count pedig auto értékű. Ennek eredményeképpen az oszlopok szélessége 150px lesz, a számuk és a köztük lévő távolságot a böngésző maga határozza meg:

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

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

Példa . Auto érték

Ebben a példában a szöveg 3 oszlopra lesz osztva (mivel a column-width 3 értékre van állítva), de a szélességük automatikusan számítódik ki:

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

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

Lásd még

a column-count tulajdonság,
amely megadja az oszlopok számát
a column-gap tulajdonság,
amely megadja az oszlopok közötti távolságot
a column-rule tulajdonság,
amely megadja az oszlopok közötti szegélyt
a column-span tulajdonság,
amely megadja azon oszlopok számát, amelyekre az elemnek kiterjednie kell
a columns tulajdonság,
amely a többszörös oszlopok rövidített tulajdonsága