widows CSS

Свойство widows задаёт минимальное число строк текста, которое располагается на следующей странице при печати документа.

Это свойство работает в том случае, если весь текст размещается на двух и более печатных страницах. Если значение свойства widows конфликтует со значением orphans, то widows имеет приоритет и учитывается в первую очередь.

Значение по умолчанию:

2

Наследуется:
Да
Применяется:

К блочным элементам

Анимируется:
Нет
Объект JavaScript:

object.style.widows

Спецификации:
Поддержка браузерами:

Can I Use css-widows-orphans? Data on support for the css-widows-orphans feature across the major browsers from caniuse.com.

Синтаксис

/* <integer> values */
widows: 2;
widows: 3;

/* Global values */
widows: inherit;
widows: initial;
widows: unset;

Значения

  • <число> — Целое число, которое задает количество строк вверху печатной страницы. Отрицательное значение запрещено.

Примеры

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>widows</title>
  <style>
   @media print {
    p {
     widows: 3;
     orphans: 3;
    }
   }
  </style>
 </head>
 <body> 
  <p>Роджерс определял терапию как, интроекция интегрирует гештальт, в полном соответствии 
  с основными законами развития человека. Как было показано выше, интеллект начинает 
  оппортунический конформизм, хотя этот факт нуждается в дальнейшей проверке наблюдением. 
  Изучая с позиций, близких гештальтпсихологии и психоанализу процессы в малой группе, 
  отражающих неформальную микроструктуру общества, Дж. Морено показал, что интроекция 
  психологически вызывает кризис, о чем и писал А. Маслоу в своей 
  работе «Мотивация и личность».</p>
 </body>
</html>