CSS :: Свойство page-break-inside

css-свойство page-break-inside (от англ. page break inside – разрыв строки внутри) используется для управления разрывами страницы внутри определяемых селектором блочных элементов.

Характеристики

Значение по умолчанию: auto.
Применяется: к блочным элементам.
Наследуется: нет.
Анимируется: нет.
JavaScript: object.style.pageBreakInside="value".

Синтаксис

page-break-inside: auto | avoid

Значения

auto – браузер будет вставлять разрыв страницы внутри определяемых селектором блочных элементов только в случае необходимости.
avoid – браузеру запрещается вставлять разрыв страницы внутри определяемых селектором блочных элементов.

Ссылки

Официальный сайт W3C: https://drafts.csswg.org/css2/page.html#propdef-page-break-inside

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/page-break-inside

Примеры

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