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