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