css властивість page-break-after
Властивість page-break-after додає розрив сторінки при друку документа після заданого елемента.
Ця властивість стосується елементів блоку, які генерують контейнер. Він не застосовуватиметься до порожнього <div> (або того, що абсолютно позиціований), який не генерує контейнер.
- Порада
-
Зауважте, що замість властивісті
автор: Svitlanapage-break-afterможна використовувати більш загальну властивістьbreak-after. Ця нова властивість також обробляє переривання стовпців та регіонів і є синтаксично більш сумісною з перериванням сторінки. Перш ніж використовуватиpage-break-after, перевірте, чи можна використовувати замість неїbreak-after. У майбутньомуpage-break-afterвикористовуватиметься все рідше на користьbreak-after. - Нотатка
-
Браузери Firefox, Chrome и Safari не підримують значення
автор: Svitlanaavoid,leftiright.
Синтаксис
page-break-after: auto|always|avoid|left|right|initial|inheritВластивість page-break-after може отримувати 7 значень:
-
auto -
Вставляє розрив сторінки при необхідності
автор: Svitlana -
always -
Завжди додає розрив сторінки після елемента
автор: Svitlana -
avoid -
Забороняє розрив сторінки після елемента
автор: Svitlana -
left -
Пропускає одну або дві сторінки після елемента, щоб наступна сторінка при друку була парною
автор: Svitlana -
right -
Пропускає одну або дві сторінки після елемента, щоб наступна сторінка при друку була непарною
автор: Svitlana -
initial -
Встановлює властивість у значення без задання
автор: Svitlana -
inherit -
Вказує на спадковість властивостей від свого батьківського елемента
автор: Svitlana
| Значення без задання: | auto |
|---|---|
| Наслідує: | Ні |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.pageBreakAfter="always" |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 1.2 | 7 | 12 | 4 | |
| 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 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 | |
| auto, always | 1.0 | 1.0 | 1.3 | |
| avoid, left, right | 1.0 | Не підтримується | 1.3 |
Приклади
+ запропонувати свій приклад у пісочниці
Властивість працює у друці: відкрий попередній перегляд друку — все, що йде після footer, почнеться з нового аркуша. Сучасніша назва — break-after.
HTML
<article>Вміст першого аркуша.</article>
<footer>Після цього футера — розрив сторінки в друці.</footer>
<article>Це вже другий аркуш.</article>CSS
@media print {
footer {
page-break-after: always;
}
}Значення у дії
Приклад використання
Коментарі
Коментарів ще немає — будьте першим!