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