Свойство page-break-before управляет тем, появится ли разрыв страницы до указанного элемента, и оказывается весьма полезным как в реальной печати, так и во время предпросмотра.
Важно помнить, что его нельзя применять к элементам с абсолютным позиционированием – такой вариант будет просто проигнорирован браузером.
Давайте используем page-break только там, где это действительно нужно. Лучше избегать его в таблицах, плавающих блоках и элементах с рамкой - так ваш макет всегда останется чистым и понятным.
| Значение по умолчанию: | auto |
| Наследуется: | нет |
| Версия: | CSS2 |
| Синтаксис JavaScript: | object.style.pageBreakBefore="always" |
| Значение | Описание |
| auto | Вставляет разрыв страницы перед элементом, если это действительно необходимо. |
| always | Всегда создаёт разрыв страницы до указанного элемента – идеально для разделов. |
| avoid | Запрещает появление разрыва перед элементом, удерживая контент вместе. |
| left | Обеспечивает разрыв так, чтобы следующая (левая) страница была чистой и аккуратной. |
| right | Гарантирует, что после разрыва будет чистая правая страница – удобно для двусторонних документов. |
| inherit | Наследует значение от родительского элемента, сохраняя стилистическую консистентность. |
Пример
htmlhead style @media print { table { page-break-after: before; } } /style/headbody pПример использования свойства page-break-after/p table trtdячейка 1/tdtdячейка 2/td/tr /table pЭтот элемент и таблица будут отсутствовать при предварительном просмотре печати и распечатаны на следующей странице./p/body/html