html.okpython.net
HTML и CSS для начинающих

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 – браузер будет всегда вставлять разрыв страницы после определяемых селектором блочных элементов таким образом, чтобы при распечатке или предварительном просмотре следующая правая (четная) страница оставалась пустой (значение поддерживается не всеми браузерами).

Ссылки

Примеры

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