Свойство Style orphans

Определение и использование

orphans Свойство устанавливает или возвращает минимальное количество строк, которые должны быть видимыми в нижней части страницы (для печати или предварительного просмотра печати).

orphans Эта свойство влияет только на блочные элементы.

Совет:orphans:5 Должно быть как минимум 5 видимых строк над символом разделителя страниц.

Совет:См. Свойство widows Для установки или возврата минимального количества строк, которое должно быть видимо в верхней части страницы.

Пример

Измените orphans и проверьте печать или предварительный просмотр печати:

<html>
<head>
<script>
function ChangeOrphans() {
  document.getElementById("p1").style.orphans = document.getElementById("orphans").value;
}
</script>
<style>
.othercontent {
  width: 400px;
  border-top: 19cm solid #c3c3c3;
}
@page {
  /* Установить размер страницы для печати */
  size:21cm 27cm;
  margin-top:2cm;
}
@media print {
  .orphans {
    orphans:2;
  }
}
</style>
</head>
<body>
<div class="othercontent">
<input id="orphans" value="2">
<button onclick="ChangeOrphans();">Изменить orphans</button>
<p style="font-size:120%" id="p1">
Измените orphans и посмотрите предварительный просмотр печати.<br>
Строка 2<br>
Строка 3<br>
Строка 4<br>
Строка 5<br>
Строка 6<br>
Строка 7<br>
Строка 8<br>
</p>
</body>
</html>

Попробуйте сами

Грамматика

Возврат свойства orphans:

object.style.orphans

Настройка свойства orphans:

object.style.orphans = "number|initial|inherit"

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

Значение Описание
number Целое число, определяющее минимальное количество видимых строк. Запрещены отрицательные значения. Значение по умолчанию 2.
initial Set this property to its default value. См. initial.
inherit Инherit this property from its parent element. См. inherit.

Технические детали

Значение по умолчанию: 2
Возврат значений: Строка, представляющая минимальное количество строк, которое должно быть напечатано в нижней части страницы.
Версия CSS： CSS2

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

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 Не поддерживается 3.1 10.0