თვისება column-width

თვისება column-width ადგენს სვეტების სიგანეს მრავალსვეტიან ტექსტში. თვისების მნიშვნელობა შეიძლება იყოს ნებისმიერი ზომის ერთეული, პროცენტების გარდა, ან საკვანძო სიტყვა auto (ნაგულისხმევი). როდესაც მნიშვნელობა auto-ა, ბრაუზერი თავად ირჩევს სვეტების ოპტიმალურ სიგანეს column-count-ის და column-gap-ის საფუძველზე.

სინტაქსი

სელექტორი {
	column-width: მნიშვნელობა;
}

მაგალითი . მითითებული სიგანე

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

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

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

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

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

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

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

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

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