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;
}

Результат:

Ошондой эле караңыз