Свойство page-break-inside
Описание
Разрешает или запрещает разрыв страницы внутри элемента при печати.
Синтаксис
page-break-inside: auto | avoid;| Значение | Описание |
| auto | Вставляет разрыв страницы при необходимости. |
| avoid | Запрещает разрыв страницы внутри элемента. |
Пример
<!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-inside: avoid;
}
}
</style>
<h2>Далеко-далеко</h2>
<p>
Далеко-далеко, за словесными горами в стране гласных и согласных живут рыбные тексты.
</p>
<p class='more'>Читать дальше</p>
</body>
</html>Далеко-далеко
Далеко-далеко, за словесными горами в стране гласных и согласных живут рыбные тексты.
Читать дальше
Читайте также
Свойство page-break-after
Добавляет разрыв страницы при печати документа после заданного элемента.
Свойство background-position
Задаёт начальное положение фонового изображения, установленного с помощью свойства background-image.
Свойство border-bottom-right-radius
Устанавливает радиус скругления правого нижнего угла рамки.<br>Если рамка не задана, то скр...
Свойство align-self
Используется для выравнивания флекс - элементов текущей строки. Аналог align-items, отличие в том...
Свойство border-left-style
Устанавливает стиль левой границы элемента.