orphans
Свойство CSS orphans используется для указания минимального количества строк параграфа, которые должны остаться в конце страницы при печати. То есть это свойство работает, когда параграф оказавшийся в самом низу печатной страницы не помещается на нее полностью. Тогда, если количество строк оказывается меньше, чем указано в свойстве orphans — параграф будет полностью перемещен на следующую страницу.
Чтобы указать минимальное количество строк параграфа, которые должны быть в начале страницы, применяется свойство widows.
Тип свойства
Назначение: печать.
Применяется: к блочным элементам.
Наследуется: да.
Значения
Значением свойства orphans является указание минимального количества строк одним из следующих способов.
Процентная запись: не существует.
Значение по умолчанию: 2.
Синтаксис
Пример CSS: использование orphans
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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 1 | CSS 2 | CSS 2.1 | CSS 3 |
| Поддержка: | Нет | Да | Да | Да |
Браузеры
| Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari | |
| Версия: | 6.0 и 7.0 | 8.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
| Поддержка: | Нет | Да | Да | Нет | Да | Да |