Style orphans Eigenschaft

Definition und Verwendung

orphans Diese Eigenschaft setzt oder gibt die minimale Anzahl der sichtbaren Zeilen an, die am unteren Ende der Seite erforderlich sind (zur Verwendung beim Drucken oder in der Druckvorschau).

orphans Diese Eigenschaft beeinflusst nur blockartige Elemente.

Tip:orphans:5 Die oberen 5 Zeilen müssen mindestens sichtbar sein, wenn ein Seitenumbruch verwendet wird.

Tip:See widows property to set or return the minimum number of lines that must be visible at the top of the page for an element.

Example

Change orphans and check the print or print preview:

<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 the size of the print 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 view 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>

Try it yourself

Syntax

Return the orphans property:

object.style.orphans

Set the orphans property:

object.style.orphans = "number|initial|inherit"

Property Value

Value Description
number An integer that specifies the minimum number of visible lines. Negative values are not allowed. The default value is 2.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Technical Details

Default value: 2
Return value: A string that represents the minimum number of lines to be printed at the bottom of the page.
CSS Version: CSS2

Browser Support

Die in der Tabelle genannten Zahlen geben die Versionsnummer des ersten Browsers an, der diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 Nicht unterstützt 3.1 10.0