თვისება column-rule

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

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

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

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

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

Результат:

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

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

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

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

Результат:

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