Свойство break-after CSS

Определение и использование

Атрибут break-after определяет, должна ли произойти разметка страницы (page-break), разметка колонок (column-break) или разметка области (region-break) после указанного элемента.

Атрибут break-after расширяет атрибут page-break-after из CSS2.

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

Пример

Всегда вставляйте символ разрыва страницы перед элементом <footer>:

@media print {
  footer {
    break-after: always;
  }
}

Синтаксис CSS

break-after: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;

Значение свойства

Значение Описание
auto По умолчанию. Автоматически выполняется разрыв страницы, колонки, разделения после элемента.
all Всегда вставляйте символ разрыва страницы сразу после основного блока.
always Всегда вставляйте символ разрыва страницы после элемента.
avoid Избегайте разрыва страницы, колонки, области после элемента.
avoid-column Избегайте разрыва колонки после элемента.
avoid-page Избегайте разрыва страницы после элемента.
avoid-region Избегайте разделения после элемента.
column Всегда вставляйте символ разрыва колонки после элемента.
left Вставьте один или два символа разрыва страницы после элемента, чтобы следующая страница была отформатирована как левая страница.
page Всегда вставляйте символ разрыва страницы после элемента.
recto Вставьте один или два символа разрыва страницы после основного блока, чтобы следующая страница была отформатирована как recto страница.
region Всегда вставляйте разделитель после элемента.
right Вставьте один или два символа разрыва страницы после элемента, чтобы следующая страница была отформатирована как правая страница.
verso Вставьте один или два символа разрыва страницы после основного блока, чтобы следующая страница была отформатирована как verso страница.
initial Установите это свойство в его значение по умолчанию. См. также initial。
inherit Инherits this property from its parent element. См. также inherit。

Технические детали

по умолчанию: auto
наследование: нет
Создание анимации: Не поддерживается. См. также:Свойства анимации。
Версия: CSS3
JavaScript синтаксис: object.style.breakAfter="always"

Более примеров

Пример

Всегда вставляйте символ разрыва страницы после элемента с id "toc":

@media print {
  #toc {
    break-after: always;
  }
}

Пример

Всегда вставляйте разделитель после элемента <ul> в определенной области:

.region ul {
    break-after: region;
  }
}

поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 65.0 10.0 37.0