Свойство widows
Пример style.widows
Измените окна и проверьте печать или предварительный просмотр печати:
<html>
<head>
<script>
function ChangeWidows()
{
document.getElementById("p1").style.widows = document.getElementById("widows").value;
}
</script>
<style>
.othercontent
{
width: 400px;
border-top: 19cm solid #c3c3c3;
}
@page
{
/* установить размер печатной страницы */
size: 21cm 27cm;
margin-top: 2cm;
}
@media print
{
.widows
{
widows:2;
}
}
</style>
</head>
<body>
<div class="othercontent">
<input id="widows" value="2">
<button onclick="ChangeWidows();">Изменить окна</button>
<p style="font-size:120%" id="p1">
Поменяйте окна и посмотрите предварительный просмотр печати.<br>
Линия 2<br>
Линия 3<br>
Линия 4<br>
Линия 5<br>
Линия 6<br>
Линия 7<br>
Линия 8<br>
</p>
<div class="othercontent">
</body>
</html>
Попробуйте сами »
Описание widows
Свойство widows устанавливает или возвращает минимальное количество строк для элемента, которое должно быть видно вверху страницы (для печати или предварительного просмотра печати).
Свойство widows влияет только на элементы блочного уровня.
Совет: widows:5 означает, что под разрывом страницы должно быть видно не менее 5 строк.
Совет: См. свойство orphans, чтобы установить или вернуть минимальное количество строк для элемента, которое должно быть видно внизу страницы.
Поддержка widows
| Свойство | |||||
|---|---|---|---|---|---|
| widows | 25.0 | 8.0 | Нет | 7.0 | 10.0 |
Синтаксис widows
Вернуть свойство widows:
object.style.widows
Установите свойство widows:
object.style.widows = "number|initial|inherit"
Значение свойства widows
| Значение | Описание |
|---|---|
| number | Целое число, которое определяет минимальное количество видимых строк. Отрицательные значения не допускаются. Значение по умолчанию — 2 |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали widows
| Значение по умолчанию: | 2 |
|---|---|
| Возвращаемое значение: | Строка, представляющая минимальное количество строк для печати в верхней части страницы. |
| CSS Версия | CSS2 |