Īpašība column-count

Īpašība column-count nosaka ieteicamo kolonnu skaitu daudzkolonu tekstā. To faktiskais skaits var atšķirties no norādītā atkarībā no kolonnas platuma un atstarpes lieluma starp tām.

Sintakse

selektors {
	column-count: skaitlis | auto;
}

Vērtības

Vērtība	Apraksts
skaitlis	Norāda noteiktu kolonnu skaitu. Precīzāk, ieteic pārlūkprogrammai izmantot šo kolonnu skaitu, jo to faktiskais skaits var atšķirties no norādītā atkarībā no kolonnas platuma un atstarpes lieluma starp tām.
`auto`	Pārlūkprogramma pati izvēlas optimālo kolonnu skaitu.

Noklusējuma vērtība: auto.

Piemērs

Šajā piemērā teksts tiks sadalīts 3 kolonnās (protams, pārlūkprogrammās, kuras atbalsta daudzkolonu izkārtojumu, pārējās būs tikai parasts teksts vienā kolonnā):

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

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

Piemērs . Vērtība auto

Šajā piemērā ir norādīts kolonnas platums column-width 150px, un to skaits column-count ir iestatīts uz vērtību auto - pārlūkprogramma pati izvēlēsies nepieciešamo kolonnu skaitu un atstarpes starp tām:

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

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

Skatiet arī

īpašība column-width,
kura nosaka kolonnas platumu
īpašība column-gap,
kura nosaka atstarpi starp kolonnām
īpašība column-rule,
kura nosaka robežu starp kolonnām
īpašība column-span,
kura nosaka kolonnu skaitu, kurā elementam vajadzētu stiepties
īpašība columns,
kura ir saīsinājuma īpašība daudzkolonu izkārtojumam