html.okpython.net
Основы создания сайтов
CSS :: Свойство page-break-before
css-свойство page-break-before (от англ. page break before – разрыв строки перед) используется для управления разрывами страницы перед определяемыми селектором блочными элементами.
Характеристики
- Значение по умолчанию: auto.
- Применяется: к блочным элементам.
- Наследуется: нет.
- Анимируется: нет.
- JavaScript: object.style.pageBreakBefore="value".
Синтаксис
page-break-before: always | auto | avoid | left | right
Значения
- auto – браузер будет вставлять разрыв страницы до определяемых селектором блочных элементов только в случае необходимости.
- always – браузер будет всегда вставлять разрыв страницы до определяемых селектором блочных элементов.
- avoid – браузер не будет вставлять разрыв страницы до определяемых селектором блочных элементов.
- left – браузер будет всегда вставлять разрыв страницы до определяемых селектором блочных элементов таким образом, чтобы при распечатке или предварительном просмотре следующая левая (нечетная) страница оставалась пустой (значение поддерживается не всеми браузерами).
- right – браузер будет всегда вставлять разрыв страницы до определяемых селектором блочных элементов таким образом, чтобы при распечатке или предварительном просмотре следующая правая (четная) страница оставалась пустой (значение поддерживается не всеми браузерами).
Ссылки
Официальный сайт W3C: https://drafts.csswg.org/css2/page.html#propdef-page-break-before
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/page-break-before
Примеры
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