Vetia column-width

Vetia column-width përcakton gjerësinë e kolonave në tekst shumëkolonash. Vlera e vetisë janë çdo njësi për përmasa, përveç përqindjeve, ose fjala kyçe auto (parazgjedhur). Me vlerën auto shfletuesi vetë zgjedh gjerësinë optimale të kolonave bazuar në column-count dhe column-gap.

Sintaksë

përzgjedhës {
	column-width: vlerë;
}

Shembull . Gjerësia e specifikuar

Në këtë shembull është specifikuar gjerësia e kolonës column-width në 150px, ndërsa numri i tyre column-count është në vlerën auto. Si rezultat gjerësia e kolonave do të jetë 150px, numri i tyre dhe hapësira midis tyre shfletuesi i zgjedh vetë:

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

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

Shembull . Vlera auto

Në këtë shembull teksti do të ndahet në 3 kolona (pasi column-width është në vlerën 3), ndërsa gjerësia e tyre do të llogaritet automatikisht:

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

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

Shihni gjithashtu

vetia column-count,
e cila përcakton numrin e kolonave
vetia column-gap,
e cila përcakton hapësirën midis kolonave
vetia column-rule,
e cila përcakton kufirin midis kolonave
vetia column-span,
e cila përcakton numrin e kolonave në të cilat duhet të shtrihet elementi
vetia columns,
e cila është një veti e shkurtuar për shumëkolonashmërinë