css властивість page-break-inside
Властивість page-break-inside додає розрив сторінки при друку документа всередині елемента.
Ця властивість стосується елементів блоку, які генерують контейнер. Він не застосовуватиметься до порожнього <div> (або того, що абсолютно позиційований), який не генерує контейнер.
- Порада
-
Зауважте, що замість властивості
автор: Svitlanapage-break-insideможна використовувати більш загальну властивістьbreak-inside. Ця нова властивість також обробляє переривання стовпців та регіонів і є синтаксично більш сумісною з перериванням сторінки. Перш ніж використовуватиpage-break-inside, перевірте, чи можна використовувати замість неїbreak-inside. У майбутньомуpage-break-insideвикористовуватиметься все рідше на користьbreak-inside.
Синтаксис
page-break-inside: auto|avoid|initial|inherit;Властивість page-break-inside може отримувати 4 значень:
-
auto -
Вставляє розрив сторінки при необхідності
автор: Svitlana -
avoid -
Забороняє розрив сторінки після елемента
автор: Svitlana -
initial -
Встановлює властивість у значення без задання
автор: Svitlana -
inherit -
Вказує на спадковість властивостей від свого батьківського елемента
автор: Svitlana
| Значення без задання: | auto |
|---|---|
| Наслідує: | Ні |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.pageBreakInside="avoid" |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 19 | 1.3 | 7 | 12 | 8 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 19 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
У друці абзац не розріжеться між аркушами: якщо цілим не вміщається — переїде на наступний. Перевіряється в попередньому перегляді друку; сучасніша назва — break-inside.
HTML
<p>Цей абзац у друкованій версії не буде розірвано между аркушами — він або вміститься, або переїде цілим.</p>CSS
@media print {
p {
page-break-inside: avoid;
}
}Приклад використання
Значення у дії
Коментарі
Коментарів ще немає — будьте першим!