css властивість page-break-after
Властивість page-break-after додає розрив сторінки при друку документа після заданого елемента.
Ця властивість стосується елементів блоку, які генерують контейнер. Він не застосовуватиметься до порожнього <div> (або того, що абсолютно позиціований), який не генерує контейнер.
| Порада: | Зауважте, що замість властивісті |
| Нотатка: | Браузери Firefox, Chrome и Safari не підримують значення |
Синтаксис
page-break-after: auto|always|avoid|left|right|initial|inheritВластивість page-break-after може отримувати 7 значень:
autoВставляє розрив сторінки при необхідності
alwaysЗавжди додає розрив сторінки після елемента
avoidЗабороняє розрив сторінки після елемента
leftПропускає одну або дві сторінки після елемента, щоб наступна сторінка при друку була парною
rightПропускає одну або дві сторінки після елемента, щоб наступна сторінка при друку була непарною
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивостей від свого батьківського елемента
| Значення без задання: | auto |
|---|---|
| Наслідує: | Ні |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.pageBreakAfter="always" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| auto, always | 1.0 |
4.0 |
1.0 |
1.2 |
7.0 |
12.0 |
| avoid, left, right | 1.0 |
4.0 |
Не підтримується |
1.2 |
7.0 |
12.0 |
| Переглядач | |||
|---|---|---|---|
| auto, always | 1.0 |
1.0 |
1.3 |
| avoid, left, right | 1.0 |
Не підтримується |
1.3 |
Мобільних переглядачів ще не додано.
Приклади
Значення у дії
Приклад використання
Завжди вставляє page-break-after після кожного елемента
@media print {
footer {page-break-after: always;}
}