Ominaisuus column-width

Ominaisuus column-width asettaa monisarakkeisen tekstin sarakkeiden leveyden. Ominaisuuden arvona käytetään mitä tahansa koko-yksiköitä, paitsi prosentteja, tai avainsanaa auto (oletusarvoisesti). Kun arvo on auto, selain valitsee optimaalisen sarakkeiden leveyden automaattisesti perustuen column-count ja column-gap -arvoihin.

Syntaksi

valitsija {
	column-width: arvo;
}

Esimerkki . Määritelty leveys

Tässä esimerkissä sarakkeen leveys column-width on asetettu 150px, ja niiden lukumäärä column-count on arvossa auto. Tuloksena sarakkeiden leveys on 150px, ja niiden lukumäärän ja välitason selain valitsee automaattisesti:

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

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

Esimerkki . Auto-arvo

Tässä esimerkissä teksti jaetaan 3 sarakkeeseen (koska column-count on asetettu arvoon 3), ja niiden leveys lasketaan automaattisesti:

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

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

Katso myös

ominaisuus column-count,
joka asettaa sarakkeiden lukumäärän
ominaisuus column-gap,
joka asettaa sarakkeiden välisen välin
ominaisuus column-rule,
joka asettaa sarakkeiden välisen reunuksen
ominaisuus column-span,
joka asettaa elementin ulottuvuuden sarakkeiden yli
ominaisuus columns,
joka on lyhennysominaisuus monisarakkeisuudelle