Стиль вдов Недвижимость
Пример
Измените окна и проверьте печать или предварительный просмотр:
<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
{
/* set size of printed 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();">Change widows</button>
<p style="font-size:120%" id="p1">
Change widows and see the print preview.<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>
<div class="othercontent">
</body>
</html>
Попробуй сам "
Определение и использование
Свойство widows устанавливает или возвращает минимальное количество строк для элемента, который должен быть виден вверху страницы (для печати или предварительного просмотра).
Свойство widows влияет только на элементы блочного уровня.
Совет: widows:5 означает, что под разрывом страницы должно быть видно не менее 5 строк.
Совет: См. свойство orphans, чтобы задать или вернуть минимальное количество строк для элемента, который должен быть виден внизу страницы.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
widows | Yes | Not supported | Not supported | Not supported | Yes |
Синтаксис
Вернуть свойство вдовы:
object.style.widows
Установите свойство вдовы:
object.style.widows = "number|initial|inherit"
Значения свойств
Value | Description |
---|---|
number | An integer that specifies the minimum number of visible lines. Negative values are not allowed. The default value is 2 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | 2 |
---|---|
Возвращаемое значение: | Строка, представляющая минимальное количество строк для печати в верхней части страницы. |
CSS-версия | CSS2 |
❮ Объект стиля