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

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

Это свойство не применяется к элементам с абсолютным позиционированием.

WARNING

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

Браузеры должны рассматривать свойство page-break-after как псевдоним для break-after. Это гарантирует, что сайты, использующие page-break-after, продолжают работать в соответствии с задуманным.

Начальное значение	auto
Применяется к	Блочным элементам.
Наследуется	Нет.
Анимация	Нет.
Версия	CSS2
Синтаксис DOM	object.style.pageBreakAfter = "avoid";

Синтаксис

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

page-break-after: auto | avoid | always | left | right | initial | inherit;

Вы можете добавить следующий фрагмент кода с page-break-after в свой CSS-код:

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

@media print {
  footer {
    page-break-after: left;
  }
}

Значения

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

Примечание: Для современной веб-разработки вместо page-break-after (который устарел) используйте свойство break-after.

Практика

Что делает свойство 'page-break-after' в CSS?

Оно добавляет разрыв страницы после блочного элемента.Оно изменяет цвет блочного элемента.Оно определяет отступ элемента.Оно используется в печатных медиа для управления местом разрывов страниц.Оно управляет выравниванием текста внутри блочного элемента.