Свойство break-after

Последнее обновление: 30.12.2010

Свойство break-after определяет разрыв колонки после элемента в многоколоночном элементе, а также отвечает за разбивку страниц при печати.

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

  • auto — принудительно разрыв страницы/колонки не делается
  • always — после элемента принудительно ставиться разрыв страницы
  • avoid — избегаем разрыва страницы/колонки после элемента
  • left — ставиться один или два разрыва страниц, чтобы следующая страница начиналась с левой страницы
  • right — ставиться один или два разрыва страниц, чтобы следующая страница начиналась с правой страницы
  • page — принудительно разрывается страница после этого элемента
  • column — принудительно разрывается колонка после этого элемента
  • avoid-page — избегать разрыва страницы после этого элемента
  • avoid-column — избегать разрыва колонки после этого элемента
Значение по умолчанию auto
Применимо ко всем блочным элементам
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами

Пример

hr {
break-after: always;
}
Твой код:
Результат:
большой полигон

Заметки

Это свойство относится к CSS3 модулю CSS Multi-column Layout Module — кандидата в рекомендацию W3C с 17 декабря 2009 года.

Хотя это свойство и не поддерживается распространенными браузерами в прямом виде, Safari 3 и выше и Chrome 1 и выше поддерживают похожее свойство -webkit-column-break-after. Оно аналогично свойству page-break-after и имеет одинаковые с ним значения, но относящиеся не к страницам, а к колонкам. Комбинацией двух этих свойств для Safari и Chrome можно добиться такого же эффекта, как и при применении свойства break-after.

По теме

Показать комментарии