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