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
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