Перейти к содержанию

page-break-before

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

Страницы

Синтаксис

/* Keyword values */
page-break-before: auto;
page-break-before: always;
page-break-before: avoid;
page-break-before: left;
page-break-before: right;
page-break-before: recto;
page-break-before: verso;

/* Global values */
page-break-before: inherit;
page-break-before: initial;
page-break-before: unset;

Значения

always
Всегда добавляет разрыв страницы перед элементом.
auto
Вставляет разрыв страницы при необходимости.
avoid
Запрещает разрыв страницы перед элементом.
left
Пропускает одну или две страницы перед элементом, чтобы следующая страница при печати была четной.
right
Пропускает одну или две страницы перед элементом, чтобы следующая страница при печати была нечетной.

Значение по-умолчанию: auto

Применяется к блочным элементам

Спецификации

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

Can I Use css-page-break? Data on support for the css-page-break feature across the major browsers from caniuse.com.

Описание и примеры

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>page-break-before</title>
    <style>
      @media print {
        .more {
          page-break-before: always;
        }
      }
    </style>
  </head>
  <body>
    <h2>Мусорные пакеты</h2>
    <p>
      История о том, как однажды мусорных пакетов оказалось
      несколько больше, чем хотелось, как и для чего их
      можно использовать, и что из этого получилось.
    </p>
    <p class="more">Читать дальше</p>
  </body>
</html>