თვისება column-count

თვისება column-count ადგენს რეკომენდებულ სვეტების რაოდენობას მრავალსვეტიან ტექსტში. მათი რეალური რაოდენობა შეიძლება განსხვავდებოდეს მითითებულისგან, სვეტის სიგანისა და მათ შორის არსებული სივრცის ზომის მიხედვით.

სინტაქსი

სელექტორი {
	column-count: რიცხვი | auto;
}

მნიშვნელობები

მნიშვნელობა აღწერა

რიცხვი ადგენს მითითებულ რაოდენობის სვეტებს. უფრო ზუსტად, რეკომენდაციას უწევს ბრაუზერს გამოიყენოს სვეტების ეს რაოდენობა, რადგან მათი რეალური რაოდენობა შეიძლება განსხვავდებოდეს მითითებულისგან, სვეტის სიგანისა და მათ შორის არსებული სივრცის ზომის მიხედვით.

auto ბრაუზერი თვითონ ირჩევს ოპტიმალურ სვეტების რაოდენობას.

მნიშვნელობა	აღწერა
რიცხვი	ადგენს მითითებულ რაოდენობის სვეტებს. უფრო ზუსტად, რეკომენდაციას უწევს ბრაუზერს გამოიყენოს სვეტების ეს რაოდენობა, რადგან მათი რეალური რაოდენობა შეიძლება განსხვავდებოდეს მითითებულისგან, სვეტის სიგანისა და მათ შორის არსებული სივრცის ზომის მიხედვით.
`auto`	ბრაუზერი თვითონ ირჩევს ოპტიმალურ სვეტების რაოდენობას.

მნიშვნელობა ნაგულისხმევად: auto.

მაგალითი

ამ მაგალითში ტექსტი დაიყოფა 3 სვეტად (რა თქმა უნდა, იმ ბრაუზერებში, რომლებიც უჭერენ მხარს მრავალსვეტიანობას, დანარჩენში ეს იქნება ჩვეულებრივი ტექსტი ერთ სვეტში):

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

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

მაგალითი . მნიშვნელობა auto

ამ მაგალითში მითითებულია სვეტის სიგანე column-width 150px-ში, ხოლო მათი რაოდენობა column-count დაყენებულია მნიშვნელობაზე auto - ბრაუზერი თვითონ ავირჩევს საჭირო რაოდენობის სვეტებს და სივრცეს მათ შორის:

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

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

იხილეთ აგრეთვე

თვისება column-width,
რომელიც ადგენს სვეტის სიგანეს
თვისება column-gap,
რომელიც ადგენს სივრცეს სვეტებს შორის
თვისება column-rule,
რომელიც ადგენს საზღვარს სვეტებს შორის
თვისება column-span,
რომელიც ადგენს იმ სვეტების რაოდენობას, რომლებზეც ელემენტმა უნდა გაიჭიმოს
თვისება columns,
რომელიც არის მრავალსვეტიანობის შემოკლებული თვისება