Свойство 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>
Далеко-далеко
Далеко-далеко, за словесными горами в стране гласных и согласных живут рыбные тексты.
Читать дальше
Читайте также
Стиль доступных ( незаблокированных ) элементов форм
Псевдокласс <span class='samp'>:enabled</span> используется для примен...
Стиль включенных элементов интерфейса
Псевдокласс :checked применяется к элементам интерфейса, таким как переключатели (checkbox), флаж...
Стили не содержащие указанный селектор
Псевдокласс :not задаёт правила стилей для элементов, которые не содержат указанный селектор.
Свойство border-bottom
Позволяет одновременно установить толщину, стиль и цвет нижней границы элемента.<br>Значени...
Свойство flex-flow
Является сокращённым свойством для отдельных свойств flex-direction и flex-wrap.