css властивість page-break-before
Властивість page-break-before додає розрив сторінки при друку документа перед заданим елементом.
Ця властивість стосується елементів блоку, які генерують контейнер. Він не застосовуватиметься до порожнього <div> (або того, що абсолютно позиційований), який не генерує контейнер.
| Порада: | Зауважте, що замість властивості |
| Нотатка: | Браузер Firefox не підримує значення |
Синтаксис
page-break-before: auto|always|avoid|left|right|initial|inheritВластивість page-break-before може отримувати 7 значень:
autoВставляє розрив сторінки при необхідності
alwaysЗавжди додає розрив сторінки після елемента
avoidЗабороняє розрив сторінки після елемента
leftПропускає одну або дві сторінки після елемента, щоб наступна сторінка при друку була парною
rightПропускає одну або дві сторінки після елемента, щоб наступна сторінка при друку була непарною
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивостей від свого батьківського елемента
| Значення без задання: | auto |
|---|---|
| Наслідує: | Ні |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.pageBreakBefore="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- before після кожного елемента
(при друку)
@media print {
h1 {page-break-before: always;}
}
@media print {
h1 {page-break-before: always;}
}