widows CSS

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

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

Свойство **`widows`** задаёт минимальное число строк текста, которое располагается на следующей странице при печати документа. Это свойство работает в том случае, если весь текст размещается на двух и более печатных страницах. Если значение свойства `widows` конфликтует со значением [`orphans`](/css/orphans/), то `widows` имеет приоритет и учитывается в первую очередь.
Значение по умолчанию:

2

Значение по умолчанию:
`2`
Наследуется:
Да
Применяется:

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

Применяется:
К блочным элементам
Анимируется:
Нет
Объект JavaScript:

object.style.widows

Объект JavaScript:
`object.style.widows`
Спецификации:
Спецификации:
* [CSS Fragmentation Module Level 3](http://dev.w3.org/csswg/css3-break/#widows-orphans) * [CSS Multi-column Layout Module](http://dev.w3.org/csswg/css3-multicol/#filling-columns) * [CSS Level 2 (Revision 1)](http://www.w3.org/TR/CSS2/page.html#break-inside)
Поддержка браузерами:

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

Поддержка браузерами:
<p class="ciu_embed" data-feature="css-widows-orphans" data-periods="future_1,current,past_1,past_2"> <a href="http://caniuse.com/#feat=css-widows-orphans">Can I Use css-widows-orphans?</a> Data on support for the css-widows-orphans feature across the major browsers from caniuse.com. </p>

Синтаксис

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

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

Синтаксис

/* <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>

Примеры

<!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>

Содержание

  • Синтаксис
      /* <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>

    В начало