page-break-before

Поддержка браузерами


12.0+	4.0+	1.0+	1.0+	7.0+	1.2+

Internet Explorer и Firefox не поддерживают значения свойства "left" и "right".

Описание

CSS свойство page-break-before определяет наличие или отсутствие разрыва страницы перед заданным элементом и используется при печати или для предварительного просмотра печати.

Свойство нельзя использовать с абсолютно позиционированными элементами.

Используйте свойства для разрыва страницы как можно реже и избегайте применения этих свойств внутри таблиц, плавающих элементов и блочных элементов с рамкой.

Значение по умолчанию:	auto
Применяется:	к блочным элементам, которые находятся в нормальном потоке элементов
Анимируется:	нет
Наследуется:	нет
Версия:	CSS2
Синтаксис JavaScript:	object.style.pageBreakBefore="always"

Синтаксис

page-break-before: auto|always|avoid|left|right|inherit;

Значения свойства

Значение	Описание
auto	Вставляет разрыв страницы перед элементом при необходимости.
always	Всегда делает разрыв страницы перед элементом.
avoid	Запрещает разрыв страницы перед элементом.
left	Делает разрыв страницы перед элементом таким образом, что следующая(левая) страница будет чистой.
right	Делает разрыв страницы перед элементом таким образом, что следующая(правая) страница будет чистой.
inherit	Указывает, что значение наследуется от родительского элемента.

Пример

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Пример</title>
  <style>
    @media print {
      table { page-break-after: before; }
    }
  </style>
</head>
<body>

  <p>Пример использования свойства page-break-after</p>

  <table>
    <tr><td>ячейка 1</td><td>ячейка 2</td></tr>
  </table>

  <p>Этот элемент и таблица будут отсутствовать при предварительном
  просмотре печати и распечатаны на следующей странице.</p>

</body>
</html>

Результат данного примера в окне браузера: