Свойство CSS page-break-after
The CSS -page-break-after property defines page break after a specified element See the values of this property.
Свойство page-break-after определяет разрыв страницы после элемента.
Это свойство не применяется к элементам с абсолютным позиционированием.
warning
Свойство
page-break-afterзаменено свойством break-after.
Браузеры должны рассматривать свойство page-break-after как псевдоним для break-after. Это гарантирует, что сайты, использующие page-break-after, продолжают работать в соответствии с задуманным.
| Начальное значение | auto |
|---|---|
| Применяется к | Блочным элементам. |
| Наследуется | Нет. |
| Анимация | Нет. |
| Версия | CSS2 |
| Синтаксис DOM | object.style.pageBreakAfter = "avoid"; |
Синтаксис
Синтаксис CSS page-break-after
page-break-after: auto | avoid | always | left | right | initial | inherit;Вы можете добавить следующий фрагмент кода с page-break-after в свой CSS-код:
Пример кода CSS page-break-after
@media print {
footer {
page-break-after: left;
}
}Значения
| Значение | Описание |
|---|---|
| auto | Разрешает вставку любого разрыва страницы после элемента. |
| avoid | Запрещает вставку любого разрыва страницы после элемента. |
| always | Принудительно вставляет любой разрыв страницы после элемента. |
| left | Вставляет разрыв страницы после элемента так, чтобы следующая страница была оформлена как левая. |
| right | Вставляет разрыв страницы после элемента так, чтобы следующая страница была оформлена как правая. |
| initial | Устанавливает для этого свойства значение по умолчанию. |
| inherit | Наследует это свойство от родительского элемента. |
Примечание: Для современной веб-разработки вместо page-break-after (который устарел) используйте свойство break-after.
Практика
Что делает свойство 'page-break-after' в CSS?