თვისება column-rule

თვისება column-rule ადგენს საზღვარს სვეტებს შორის მრავალსვეტიან ტექსტში. მიღებული მნიშვნელობებით ემთხვევა თვისებას border.

მაგალითი . ტიპი solid

ამ მაგალითში ტექსტი დაიყოფა 3 სვეტად საზღვრებით სვეტებს შორის მყარი ხაზის სახით 1px სისქით (მანძილი სვეტებს შორის ჩამოყალიბდება ავტომატურად, რადგან მინიჭებულია column-gap მნიშვნელობით normal):

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

#elem {
	column-rule: 1px solid black;
	column-count: 3;
	column-gap: normal;
	text-align: justify;
}

მაგალითი . column-gap-ის გავლენა

ამ მაგალითში ტექსტი დაიყოფა 3 სვეტად მათ შორის 50px ხარვეზით. საზღვარი ამ შემთხვევაში გაივლის ხარვეზის შუაში (საზღვრის მარცხნივ და მარჯვნივ იქნება 25px):

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

#elem {
	column-rule: 1px solid black;
	column-count: 3;
	column-gap: 50px;
	text-align: justify;
}

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

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