Свойство page-break-before

Описание

Добавляет разрыв страницы при печати документа перед заданным элементом.

Синтаксис

page-break-before: always | auto | avoid | left | right;
Значение Описание
always Всегда добавляет разрыв страницы после элемента.
auto Вставляет разрыв страницы при необходимости.
avoid Запрещает разрыв страницы после элемента.
left Пропускает одну или две страницы после элемента, чтобы следующая страница при печати была чётной.
right Пропускает одну или две страницы после элемента, чтобы следующая страница при печати была нечётной.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 @media print {
 .more {
 page-break-before: always;
 }
 }
 </style>
 <h2>Далеко-далеко</h2>
 <p>
 Далеко-далеко, за словесными горами в стране гласных и согласных живут рыбные тексты.
 </p>
 <p class='more'>Читать дальше</p>
</body>
</html>

Далеко-далеко

Далеко-далеко, за словесными горами в стране гласных и согласных живут рыбные тексты.

Читать дальше

Читайте также