Опубликовано: 18.08.2010 Последняя правка: 10.12.2015
CSS1CSS2CSS2.1CSS3
IEChromeFireFoxOperaSafari

orphans

Свойство CSS orphans используется для указания минимального количества строк параграфа, которые должны остаться в конце страницы при печати. То есть это свойство работает, когда параграф оказавшийся в самом низу печатной страницы не помещается на нее полностью. Тогда, если количество строк оказывается меньше, чем указано в свойстве orphans — параграф будет полностью перемещен на следующую страницу.

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

Тип свойства

Назначение: печать.

Применяется: к блочным элементам.

Наследуется: да.

Значения

Значением свойства orphans является указание минимального количества строк одним из следующих способов.

Процентная запись: не существует.

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

Синтаксис

orphans: число | inherit

Пример CSS: использование orphans

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - CSS свойство orphans</title>
  <style type="text/css">
   p {
   widows: 2;
   orphans: 3;
   }
  </style>
 </head>
 <body>
  <p>Lorem ipsum dolor sit amet consectetuer nascetur suscipit pharetra Praesent Duis.
     Felis Nam pretium Vestibulum pretium ut ac lobortis quis ultrices dolor. Vestibulum 
     consectetuer enim Donec at orci dictum penatibus auctor accumsan pretium. Pretium 
     Nulla Phasellus est eget orci Cum ante quam Vestibulum id. Nulla Vestibulum gravida 
     massa convallis tincidunt nec eget accumsan adipiscing vitae.</p>
  <p>Neque In tempor Nullam iaculis consequat eget Nam Mauris convallis justo. Morbi
     in quis libero dictum Vestibulum tincidunt ante mollis neque ut. Egestas tellus
     odio tincidunt arcu dui sit penatibus sed pellentesque natoque. Senectus Curabitur
     Nunc Maecenas adipiscing orci Maecenas eget Morbi turpis consequat.</p>
 </body>
</html>

Результат примера

Если на сайте используются стили для печати, то часто имеет смысл создавать для этого отдельные таблицы и подключать их с помощью At-правила @media или тега <LINK>.

Версии CSS

Версия:CSS 1CSS 2CSS 2.1CSS 3
Поддержка:НетДаДаДа

Браузеры

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и 7.08.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:НетДаДаНетДаДа