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

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

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

правити

Порада

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

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

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

Синтаксис

page-break-inside: auto|avoid|initial|inherit;

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

auto

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

автор: Svitlana

правити

avoid

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

автор: Svitlana

правити

initial

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

автор: Svitlana

правити

inherit

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

автор: Svitlana

правити

Переглядачі

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

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

Переглядач
page-break-inside	1.0	19.0	1.3	7.0	12.0	8.0

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

Переглядач
page-break-inside	1.0	19.0	1.3

Приклади

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

<p>Цей абзац у друкованій версії не буде розірвано между аркушами — він або вміститься, або переїде цілим.</p>

@media print {
    p {
        page-break-inside: avoid;
    }
}