css властивість page-break-before

Властивість page-break-before додає розрив сторінки при друку документа перед заданим елементом.

Ця властивість стосується елементів блоку, які генерують контейнер. Він не застосовуватиметься до порожнього <div> (або того, що абсолютно позиційований), який не генерує контейнер.

правити

Порада

Зауважте, що замість властивості page-break-before можна використовувати більш загальну властивість break-before. Ця нова властивість також обробляє переривання стовпців та регіонів і є синтаксично більш сумісною з перериванням сторінки. Перш ніж використовувати page-break-before, перевірте, чи можна використовувати замість неї break-before. У майбутньому page-break-before використовуватиметься все рідше на користь break-before.

автор: Svitlana правити

Нотатка

Браузер Firefox не підримує значення avoid, left i right. Жоден із браузерів не підтримує avoid.

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

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

Властивість page-break-before може отримувати 7 значень:

auto

Вставляє розрив сторінки при необхідності

автор: Svitlana

правити

always

Завжди додає розрив сторінки після елемента

автор: Svitlana

правити

avoid

Забороняє розрив сторінки після елемента

автор: Svitlana

правити

left

Пропускає одну або дві сторінки після елемента, щоб наступна сторінка при друку була парною

автор: Svitlana

правити

right

Пропускає одну або дві сторінки після елемента, щоб наступна сторінка при друку була непарною

автор: Svitlana

правити

initial

Встановлює властивість у значення без задання

автор: Svitlana

правити

inherit

Вказує на спадковість властивостей від свого батьківського елемента

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
auto, always	1.0	1.0	1.2	7.0	12.0	4.0
avoid, left, right	1.0	Не підтримується	1.2	7.0	12.0	4.0

Підтримка: мобільні переглядачі

Переглядач
auto, always	1.0	1.0	1.3
avoid, left, right	1.0	Не підтримується	1.3

Приклади

+ запропонувати свій приклад у пісочниці

<p>Вступ на першому аркуші.</p>
<h1>Розділ 1 — з нового аркуша</h1>
<p>Текст розділу.</p>

@media print {
    h1 {
        page-break-before: always;
    }
}