Los últimos tutoriales de desarrollo web
 

Style orphans Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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