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>
Результат данного примера в окне браузера:
