Propiedad Style widows
- Página anterior wordWrap
- Página siguiente zIndex
- Volver a la capa superior Objeto Style de HTML DOM
Definición y uso
widows
Esta propiedad establece o devuelve el número mínimo de líneas visibles que deben estar en la parte superior de la página (usado para impresión o vista previa de impresión).
widows
Esta propiedad solo afecta a los elementos de bloque.
Consejo:widows:5
El siguiente marcador de página debe tener al menos 5 líneas visibles.
Consejo:Consulte Propiedad orphans Para establecer o devolver el número mínimo de líneas que deben estar visibles en la parte inferior de la página.
Ejemplo
Cambie widows y verifique la impresión o la vista previa de impresión:
<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 { /* Establecer el tamaño de la página de impresión */ 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();">Cambiar widows</button> <p style="font-size:120%" id="p1"> Cambie widows y vea la vista previa de impresión.<br> Línea 2<br> Línea 3<br> Línea 4<br> Línea 5<br> Línea 6<br> Línea 7<br> Línea 8<br> </p> <div class="othercontent"> </body> </html>
Sintaxis
Devolver la propiedad widows:
object.style.widows
Establecer la propiedad widows:
object.style.widows = "number|initial|inherit"
Valor de la propiedad
Valor | Descripción |
---|---|
number | Entero que especifica el número mínimo de líneas visibles. No se permite el uso de valores negativos. El valor predeterminado es 2. |
initial | Establezca esta propiedad en su valor predeterminado. Consulte initial。 |
inherit | Hereda esta propiedad del elemento padre. Consulte inherit。 |
Detalles técnicos
Valor predeterminado: | 2 |
---|---|
Valor devuelto: | Cadena que indica el número mínimo de líneas que se deben imprimir en la parte superior de la página. |
Versión de CSS: | CSS2 |
Soporte del navegador
Los números en la tabla indican la versión del navegador que primero admite esta propiedad.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
25.0 | 8.0 | No soportado | 7.0 | 10.0 |
- Página anterior wordWrap
- Página siguiente zIndex
- Volver a la capa superior Objeto Style de HTML DOM