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

page-break-before

Предупреждение

Это свойство было заменено свойством break-before.

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

Демо

Страницы

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
/* 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

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

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

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

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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!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>

Комментарии