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