Свойство стиля widows

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

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

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

Совет:widows:5 Отображает, что под символом разрыва страниц должно быть хотя бы 5 видимых строк.

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

Пример

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

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

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

Синтаксис

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

object.style.widows

Установите свойство widows:

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

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

Значение Описание
number Целое число, определяющее минимальное количество видимых строк. Запрещены отрицательные значения. Значение по умолчанию 2.
initial Установите это свойство в его значение по умолчанию. См. initial.
inherit Эта свойство наследуется от родительского элемента. См. inherit.

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

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

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

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

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