html.okpython.net
Основы создания сайтов
CSS :: Свойство page-break-after
css-свойство page-break-after (от англ. page break after – разрыв строки после) используется для управления разрывами страницы после определяемых селектором блочных элементов.
Характеристики
- Значение по умолчанию: auto.
- Применяется: к блочным элементам.
- Наследуется: нет.
- Анимируется: нет.
- JavaScript: object.style.pageBreakAfter="value".
Синтаксис
page-break-after: always | auto | avoid | left | right
Значения
- auto – браузер будет вставлять разрыв страницы после определяемых селектором блочных элементов только в случае необходимости.
- always – браузер будет всегда вставлять разрыв страницы после определяемых селектором блочных элементов.
- avoid – браузер не будет вставлять разрыв страницы после определяемых селектором блочных элементов.
- left – браузер будет всегда вставлять разрыв страницы после определяемых селектором блочных элементов таким образом, чтобы при распечатке или предварительном просмотре следующая левая (нечетная) страница оставалась пустой (значение поддерживается не всеми браузерами).
- right – браузер будет всегда вставлять разрыв страницы после определяемых селектором блочных элементов таким образом, чтобы при распечатке или предварительном просмотре следующая правая (четная) страница оставалась пустой (значение поддерживается не всеми браузерами).
Ссылки
Официальный сайт W3C: https://drafts.csswg.org/css2/page.html#propdef-page-break-after
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/page-break-after
Примеры
CSS
htmlCodes
/* Определяем параметры печати документа */ @media print{ p{ orphans: 3; widows: 3; color: black; font-family: Times, "Times New Roman", serif; } /* Запрещаем разрывы страницы до, внутри и после абзацев, у которых атрибут class="no_break" */ p.no_break{ page-break-before: avoid; page-break-after: avoid; page-break-inside: avoid; } }
Пример №1