Xüsusiyyət column-rule

Xüsusiyyət column-rule çoxsütunlu mətndə sütunlar arasında sərhəd təyin edir. Qəbul etdiyi dəyərlər baxımından border xüsusiyyəti ilə eynidir.

Nümunə . Tip solid

Bu nümunədə mətn 3 sütuna bölünəcək, sütunlar arasında 1px qalınlığında bərxət xətt şəklində sərhəd olacaq (sütunlar arası məsafə avtomatik olaraq formalaşacaq, çünki column-gap normal dəyərində təyin edilib):

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

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

Результат:

Nümunə . Column-gap təsiri

Bu nümunədə mətn 3 sütuna bölünəcək, onlar arasında 50px aralıq olacaq. Sərhəd isə aralığın ortasından keçəcək (sərhədin sağında və solunda 25px olacaq):

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

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

Результат:

Həmçinin bax