Хусусияти 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;
}

Результат:

Нигаред низ