widows
Свойство CSS widows используется для указания минимального количества строк параграфа, которые должны быть в начале страницы при печати. То есть это свойство работает, когда параграф оказавшийся в самом низу печатной страницы не помещается на нее полностью. Тогда, если количество строк оказывается меньше, чем указано в свойстве widows — параграф будет полностью перемещен на следующую страницу.
Чтобы указать минимальное количество строк параграфа, которые должны остаться в конце страницы, применяется свойство orphans.
Тип свойства
Назначение: печать.
Применяется: к блочным элементам.
Наследуется: да.
Значения
Значением свойства widows является указание минимального количества строк одним из следующих способов.
Процентная запись: не существует.
Значение по умолчанию: 2.
Синтаксис
Пример CSS: использование widows
<!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 свойство widows</title>
<style type="text/css">
p {
widows: 2;
orphans: 3;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet consectetuer porta Quisque Duis mollis laoreet. Est Ut
ridiculus consequat ac nibh Sed quis pretium Vestibulum habitant. Mauris sit volutpat
pellentesque tincidunt elit adipiscing sed dui volutpat elit. Adipiscing Sed lorem
ultrices orci mauris et vitae Vestibulum semper nec. Curabitur vestibulum vel
molestie Phasellus Curabitur ut eget vitae iaculis mus. Laoreet elit pede laoreet.</p>
<p>Nibh fringilla neque platea Phasellus ac Donec a tristique aliquam Curabitur.
Condimentum Nullam tincidunt at quis laoreet vitae est Nunc vitae laoreet. Nunc elit
et auctor Phasellus pretium sed ut tempus pede convallis. Hendrerit justo et Donec
orci ac et Nullam felis quis elit. Mauris orci Pellentesque ac nibh sed enim tortor
tortor et congue. Habitant nibh pretium morbi ut convallis Curabitur Nam vitae.</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 и выше |
| Поддержка: | Нет | Да | Да | Нет | Да | Да |