пример
Изменение детей-сирот и проверить печать или предварительный просмотр печати:
"color:brown">"color:mediumblue"><html"color:mediumblue">>
"color:brown">"color:mediumblue"><head"color:mediumblue">>
"color:brown">"color:mediumblue"><script"color:mediumblue">>"color:black">
"color:mediumblue">function ChangeOrphans()"color:red">
{
"color:red">
document.getElementById("color:brown">"p1").style.orphans = document.getElementById("color:brown">"orphans").value;
"color:red">
}
"color:brown">"color:mediumblue"></script"color:mediumblue">>
"color:brown">"color:mediumblue"><style"color:mediumblue">>"color:brown">
.othercontent
"color:black">{"color:red">
width"color:mediumblue">"color:black">: 400px"color:black">;
border-top"color:mediumblue">"color:black">: 19cm solid #c3c3c3"color:black">;
"color:black">}
@page
"color:black">{"color:red">
"color:green">/* set size of printed page */
size"color:mediumblue">"color:black">:21cm 27cm"color:black">;
margin-top"color:mediumblue">"color:black">:2cm"color:black">;
"color:black">}
@media print
"color:black">{"color:brown">
.orphans
"color:black">"color:black">{"color:red">
orphans"color:mediumblue">"color:black">:2"color:black">;
"color:black">"color:black">}
"color:black">}
"color:brown">"color:mediumblue"></style"color:mediumblue">>
"color:brown">"color:mediumblue"></head"color:mediumblue">>
"color:brown">"color:mediumblue"><body"color:mediumblue">>
"color:brown">"color:mediumblue"><div"color:red"> class"color:mediumblue">="othercontent""color:mediumblue">>
"color:brown">"color:mediumblue"><input"color:red"> id"color:mediumblue">="orphans" value"color:mediumblue">="2""color:mediumblue">>
"color:brown">"color:mediumblue"><button"color:red"> onclick"color:mediumblue">="ChangeOrphans();""color:mediumblue">>Change orphans"color:brown">"color:mediumblue"></button"color:mediumblue">>
"color:brown">"color:mediumblue"><p"color:red"> style"color:mediumblue">="font-size:120%" id"color:mediumblue">="p1""color:mediumblue">>
Change orphans and see the print preview."color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 2"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 3"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 4"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 5"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 6"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 7"color:brown">"color:mediumblue"><br"color:mediumblue">>
Line 8"color:brown">"color:mediumblue"><br"color:mediumblue">>
"color:brown">"color:mediumblue"></p"color:mediumblue">>
"color:brown">"color:mediumblue"></body"color:mediumblue">>
"color:brown">"color:mediumblue"></html"color:mediumblue">> Попробуй сам " Определение и использование
Сироты наборы свойств или возвращает минимальное количество строк для элемента , который должен быть виден в нижней части страницы (for printing or print preview) .
Сирот свойство влияет только на элементы уровня блока.
Tip: дети - сироты: 5 означает , что по крайней мере , 5 линий должны быть видны над разрывом страницы.
Tip: См вдов свойства , чтобы установить или вернуть минимальное количество строк для элемента , который должен быть виден в верхней части страницы.
Поддержка браузеров
Сирот свойство поддерживается в Internet Explorer, Opera и Chrome.
Примечание: Свойство сирот не поддерживается в Firefox или Safari. Свойство не поддерживается в IE7 и более ранних версиях. IE8 требует! DOCTYPE. IE9, а затем имеет полную поддержку.
Синтаксис
Возвращение сирот собственности:
object .style.orphans
Установите сирота свойства:
object .style.orphans=" Значения свойств Стоимость Описание number Целое число, которое определяет минимальное число видимых линий. Отрицательные значения не допускаются. Значение по умолчанию равно 2 initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: 2 Возвращаемое значение: Строка, представляющая минимальное количество строк для печати в нижней части страницы CSS версия CSS2
<Style Object