CSS-свойство page-break-inside запрещает разрыв страницы внутри элемента при печати. Это свойство применяется к блочным элементам, которые генерируют блок. Оно не будет применяться к пустым тегам <p>.
| Значение по умолчанию: | auto |
| Применяется к: | Блочные элементы |
| Наследование: | Нет |
| Анимирование: | Нет. Анимируемые свойства |
| Версия: | CSS 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
page-break-inside: auto | avoid | initial | inheritПримеры написания кода свойства page-break-inside:
@media print {
ul {
page-break-inside: avoid;
}
}Правило в приведенном примере устанавливает поведение, чтобы избежать разделения неупорядоченных списков (ul) на две страницы.
Свойство page-break-inside применимо только к блочным элементам в обычном потоке корневого элемента или элементов table-row.
Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
auto |
Вставляет разрыв страницы внутри элемента, если это необходимо. Это значение установлено по умолчанию. |
avoid |
Избегает разрыва страницы внутри элемента. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента page-break-inside. |
Поддержка браузеров
Свойства page-break-inside не поддерживается Firefox.
Избегайте использования этого свойства, так как оно плохо поддерживается. Также используйте разрыв страницы как можно реже и избегайте разрыва страницы внутри элементов таблицы, плавающих элементов (float) и блочных элементов с границами.
