page-break-inside
Поддержка браузерами
| 12.0+ | 8.0+ | 19.0+ | 1.0+ | 7.0+ | 1.3+ |
Описание
CSS свойство page-break-inside определяет наличие или отсутствие разрыва страницы внутри элемента и используется при печати или для предварительного просмотра печати.
Свойство нельзя использовать с абсолютно позиционированными элементами.
Используйте свойства для разрыва страницы как можно реже и избегайте применения этих свойств внутри таблиц, плавающих элементов и блочных элементов с рамкой.
| Значение по умолчанию: | auto |
|---|---|
| Применяется: | к блочным элементам, которые находятся в нормальном потоке элементов |
| Анимируется: | нет |
| Наследуется: | нет |
| Версия: | CSS2 |
| Синтаксис JavaScript: | object.style.pageBreakInside="avoid" |
Синтаксис
page-break-inside: auto|avoid|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| auto | Вставляет разрыв страницы внутри элемента при необходимости. |
| avoid | Запрещает разрыв страницы внутри элемента. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Пример</title>
<style>
@media print {
table { page-break-inside: avoid; }
}
</style>
</head>
<body>
<p>В данном примере свойство page-break-inside указывает,<br> что
разрыв страницы внутри элемента "таблица" запрещен.</p>
<table>
<tr><td>ячейка 1</td><td>ячейка 2</td></tr>
</table>
</body>
</html>
Результат данного примера в окне браузера:
