Свойство page-break-after
Описание
Добавляет разрыв страницы при печати документа после заданного элемента.
Синтаксис
page-break-after: 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-after: always;
}
}
</style>
<h2>Далеко-далеко</h2>
<p>
Далеко-далеко, за словесными горами в стране гласных и согласных живут рыбные тексты.
</p>
<p class='more'>Читать дальше</p>
</body>
</html>Читайте также
Свойство transition-delay
Свойство transition-delay устанавливает время ожидания перед запуском эффекта перехода. Значение 0s запускает анимацию сразу же. Отрицательное значени...
Свойство gap
Устанавливает промежутки между строками и столбцами сетки. Это сокращение для row-gap и column-gap....
Свойство font-family
Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого.
Список шрифтов может включать одно или нескольк...
Свойство grid-column-end
Определяет местоположение в сетке ссылаясь на конкретные линии.
grid-column-end / grid-row-end — это линия на которой элемент заканчивается....