CSS свойство page-break-before

Свойство page-break-before определяет разрыв страницы перед элементом.

WARNING

Свойство page-break-before заменено свойством break-before.

Как правило, разрывы страниц применяются к постраничным носителям, таким как печатные книги или документы. После возникновения разрыва страницы текущая верстка завершается, а оставшийся контент переносится на следующую страницу. Такое поведение часто встречается в PDF-документах.

Свойство page-break-before позволяет указать, должно ли следующее содержимое начинаться на левой или правой странице. Вы можете использовать правило CSS @media для определения стилей разрывов для печатных документов.

Начальное значение	auto
Применяется к	Элементы блочного уровня.
Наследуется	Нет.
Анимация	Нет.
Версия	CSS2
Синтаксис DOM	object.style.pageBreakBefore = "left";

Синтаксис

Синтаксис CSS page-break-before

page-break-before: auto | always | avoid | left | right | recto | verso | initial | inherit;

Используйте приведенный ниже пример кода для определения разрыва страницы перед элементом:

Пример кода CSS page-break-before

@media print {
  h2 {
    page-break-before: right;
  }
}

Значения

Значение	Описание
auto	Разрешает автоматические разрывы страниц перед элементом.
avoid	Предотвращает возникновение разрыва страницы перед элементом.
always	Принудительно вызывает разрыв страницы перед элементом.
left	Вставляет разрыв страницы перед элементом, чтобы следующая страница была оформлена как левая.
right	Вставляет разрыв страницы перед элементом, чтобы следующая страница была оформлена как правая.
recto	Вставляет разрыв страницы перед элементом, чтобы следующая страница была оформлена как правая (эквивалентно right).
verso	Вставляет разрыв страницы перед элементом, чтобы следующая страница была оформлена как левая (эквивалентно left).
initial	Устанавливает для этого свойства значение по умолчанию.
inherit	Наследует это свойство от родительского элемента.

Практика

В чем заключается функция свойства 'page-break-before' в CSS?

Позволяет вставить разрыв страницы перед блоком, связанным с элементом.Позволяет вставить разрыв страницы после блока, связанного с элементом.Определяет, как элемент должен отображаться на страницах в постраничных носителях.Управляет поведением свойства 'display' в CSS.