column-count hossasy

column-count hossasy köp sütünli tekstdäki sütünleriň maslahat berlen sanyny kesgitleýär. Olaryň hakyky sany kesgitleneninden tapawutly bolup bilýär, sütüniň ini we olaryň arasyndaky aralygyň ölçegi esasynda.

Sintaksis

selektor {
	column-count: san | auto;
}

Görnüşleri

Görnüşi	Düşündiriş
san	Kesgitlenen sütün sanyny kesgitleýär. Has takyk, brauzere sütünleriň şu sanyny ulanmak üçin maslahat berýär, sebäbi olaryň hakyky sany sütüniň ini we olaryň arasyndaky aralygyň ölçegi esasynda kesgitleneninden tapawutly bolup bilýär.
`auto`	Brauzer özi sütünleriň amatly sanyny saýlaýar.

Ösübelgilenen görnüşi: auto.

Mysal

Bu mysalda tekst 3 sütüne bölüner (elbette, köp sütünligi goldaýan brauzerlerde, galanlarynda ýöne bir sütünli adaty tekst bolýar):

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

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

Mysal . Auto görnüşi

Bu mysalda sütüniň ini column-width 150px kesgitlendi, olaryň sany column-count bolsa auto görnüşinde - brauzer özi gerekli sütün sanyny we olaryň arasyndaky aralygy saýlaýar:

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

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

Şeýle-de görüň

column-width hossasy,
sütüniň inini kesgitleýär
column-gap hossasy,
sütünleriň arasyndaky aralygy kesgitleýär
column-rule hossasy,
sütünleriň arasyndaky araçägni kesgitleýär
column-span hossasy,
elementiň düzülmegi üçin gerek bolan sütün sanyny kesgitleýär
columns hossasy,
köp sütünlilik üçin gysga hossasydyr