Свойство -webkit-column-break-after

Свойство -webkit-column-break-after определяет принципы расстановки разрыва колонок после текущего элемента. По умолчанию, разрывы колонок расстанавливаются автоматически и не наследуются от родительских элементов. -webkit-column-break-after используется для форматирования текста при многоколоночной верстке. Данной свойство поддерживается только в браузерах на основе движка WebKit, и является аналогом свойства break-after из спецификации CSS3 Mulicol Layout.

Допустимые значения

• auto - автоматический разрыв колоноки после текущего элемента (по умолчанию)
• always - обязательный разрыва колонки после текущего элемента
• avoid - отмена разрыва колонки после текущего элемента
• left - принудительная расстановка разрыва колоки слева после текущего элемента
• right - принудительная расстановка разрыва колоки справа после текущего элемента

Примеры использования

-webkit-column-break-after: auto; - равномерное распределение

Равномерное распределение содержания между колонок, при котором разрывы расстанавливаются автоматически в наиболее подходящих местах внутри или между любыми элементами. При равномерном распределении высота колонок получается примерно одинаковой с более-менее равномерной плотностью текста.

.style {
   -webkit-column-count: 3;
   -webkit-column-gap: 2em;
   -webkit-column-rule: 1px solid #666;
}

-webkit-column-break-after: always; - принудительные разрывы колонок

Если в содержании элемента с многоколоночным представлением присутствуют элементы с установленным обязательным разрывом после элемента, то данная колонка будет заканчиваться сразу после данного элемента, независимо от того сколько в ней текста.

.style {
   -webkit-column-count: 3;
   -webkit-column-gap: 2em;
   -webkit-column-rule: 1px solid #666;
}
.style hr {
   -webkit-column-break-after: always;
}

Свойство -webkit-column-break-after относится к спецификации CSS, применяется к блочным элементам, и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение auto. Является расширением движка WebKit (браузеры Chrome и Safari), и не совместимо с другими браузерами.

Смотри также:

• break-after - правила установки разрыва колонки или страницы после элемента
• break-before - правила установки разрыва колонки или страницы перед элементом
• break-inside - правила установки разрыва колонки или страницы внутри элемента
• -webkit-column-break-before - правила установки разрыва колонки перед элементом
• -webkit-column-break-inside - правила установки разрыва колонки внутри элемента

• Спецификация стандарта CSS 3
• Описание на Safari Developer Library