Waisenkinder - CSS-Tricks | CSS-Almanach 2025

In typografischer Hinsicht ist eine Waise die erste Zeile eines Absatzes, die auf der alten Seite zurückbleibt, während der Absatz auf der nächsten fortgesetzt wird. Die orphanEigenschaft steuert die Mindestanzahl von Zeilen eines Absatzes, die auf der alten Seite verbleiben können. Diese Eigenschaft betrifft nur ausgelagerte Medien wie z print.

@media print ( p ( orphans: 3; ) )

Wenn ein Absatz beispielsweise nicht vollständig auf eine Seite passt, wird er geteilt, wo immer dies möglich ist. Auf diese Weise können einzelne Zeilen eines Absatzes auf einer Seite angezeigt werden, bevor er auf der nächsten Seite fortgesetzt wird. Dies ist normalerweise unerwünscht. Bei vielen Textverarbeitungsprogrammen müssen mindestens zwei Zeilen auf einer alten Seite anstatt einer Zeile verbleiben. Sie können ihm entweder eine positive Zahl geben (wobei 2 die Standardeinstellung ist) oder inherit.

Beachten Sie, dass die orphanEigenschaft im Allgemeinen keine nicht ausgelagerten Medien wie z screen. Browser, die beide unterstützen orphansund columnsdie beabsichtigte Funktionalität auch auf Spalten anwenden. Außerdem wirkt sich die Eigenschaft nur auf Elemente auf Blockebene aus.

Kurz gesagt, speziell in CSS:
widows= Mindestanzahl von Zeilen in einem Absatz, der auf der neuen Seite aufgeteilt ist.
orphans= Mindestanzahl von Zeilen in einem Absatz, der auf der alten Seite aufgeteilt ist.