Los últimos tutoriales de desarrollo web
 

Style widows Property

<Estilo de objeto

Ejemplo

Cambiar las viudas y comprobar la impresión o la vista preliminar:

<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>
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades viudas o devuelve el número mínimo de líneas de un elemento que debe ser visible en la parte superior de una página (for printing or print preview) .

La propiedad viudas sólo afecta a los elementos en bloque.

Tip: viudas: 5 significa que al menos 5 líneas deben ser visibles por debajo del salto de página.

Tip: Consulte la propiedad huérfanos a establecer o devolver el número mínimo de líneas de un elemento que debe ser visible en la parte inferior de una página.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad viudas es compatible en Internet Explorer, Opera y Chrome.

Nota: La propiedad viudas 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 viudas:

object .style.widows

Establecer la propiedad viudas:

object .style.widows=" 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 superior de la página
Versión CSS CSS2

<Estilo de objeto