Ejemplo
Cambiar los huérfanos y comprobar la impresión o la vista preliminar:
<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
{
/* set size of printed 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();">Change orphans</button>
<p style="font-size:120%" id="p1">
Change orphans 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>
</body>
</html>
Inténtalo tú mismo " Definición y Uso
Los huérfanos conjuntos de propiedades o devuelve el número mínimo de líneas de un elemento que debe ser visible en la parte inferior de una página (for printing or print preview) .
La propiedad huérfanos sólo afecta a los elementos en bloque.
Tip: huérfanos: 5 significa que al menos 5 líneas deben ser visibles por encima del salto de página.
Tip: Consulte la propiedad viudas a establecer o devolver el número mínimo de líneas de un elemento que debe ser visible en la parte superior de una página.
Soporte del navegador
La propiedad huérfanos es compatible en Internet Explorer, Opera y Chrome.
Nota: La propiedad huérfanos no es compatible con Firefox o Safari. La propiedad no es compatible con Internet Explorer 7 y versiones anteriores. IE8 requiere un DOCTYPE!. IE9 y más tarde tiene pleno apoyo.
Sintaxis
Devolver la propiedad huérfanos:
object .style.orphans
Establecer la propiedad de los huérfanos:
object .style.orphans=" Valores de propiedad Valor Descripción number Un entero que especifica el número mínimo de líneas visibles. Los valores negativos no están permitidos. El valor por defecto es 2 initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: 2 Valor de retorno: Una cadena, que representa el número mínimo de líneas a imprimir en la parte inferior de la página Versión CSS CSS2
<Estilo de objeto