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