Propiedad Style orphans

Definición y uso

orphans La propiedad establece o devuelve el número mínimo de líneas visibles que deben estar en la parte inferior de la página (usado para impresión o vista previa de impresión).

orphans La propiedad solo afecta a los elementos de bloque.

Consejo：orphans:5 La parte superior de la pestaña debe tener al menos 5 líneas visibles.

Consejo：Vea Propiedad widows Para configurar o devolver el número mínimo de líneas visibles que debe estar visible en la parte superior de la página.

Ejemplo

Cambie orphans y verifique la impresión o la vista previa de impresión：

<html>
<head>
<script>
function ChangeOrphans() {
  document.getElementById("p1").style.orphans = document.getElementById("orphans").value;
}
</script>
<style>
.othercontent {
  ancho: 400px;
  border-top: 19cm solid #c3c3c3;
}
@page {
  /* Establecer el tamaño de la página de impresión */
  tamaño:21cm 27cm;
  margin-top:2cm;
}
@media print {
  .orphans {
    orphans:2;
  }
}
</style>
</head>
<body>
<div class="othercontent">
<input id="orphans" value="2">
<button onclick="ChangeOrphans();">Cambiar orphans</button>
<p style="font-size:120%" id="p1">
Cambie orphans 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>
</body>
</html>

Intente hacerlo usted mismo

Sintaxis

Devolver la propiedad orphans：

object.style.orphans

Configurar la propiedad orphans：

object.style.orphans = "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 de caracteres, que representa el número mínimo de líneas que se imprime en la parte inferior 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 admite completamente la propiedad por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 No soportado 3.1 10.0