5 августа буду в отъезде. отвечаю по возможности

Свойство column-rule

Свойство column-rule задает границу между колонками в многоколоночном тексте. По принимаемым значениям совпадает со свойством border.

Пример . Тип solid

В данном примере текст разобьется на 3 колонки с границами между колонками в виде сплошной линии толщиной в 1px (расстояние между столбцами сформируется автоматически, так как задан column-gap в значении normal):

<div id="elem"> некий длинный текст </div> #elem { column-rule: 1px solid black; column-count: 3; column-gap: normal; text-align: justify; }

:

Пример . Влияние column-gap

В данном примере текст разобьется на 3 колонки с промежутком между ними в 50px. Граница при этом пройдет по середине промежутка (справа и слева от границы будет по 25px):

<div id="elem"> некий длинный текст </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,
    которое является свойством-сокращением для многоколоночности