widows

Im typografischen Sinne ist ein „Witwe“ die letzte Zeile eines Absatzes, die allein auf einer neuen Seite oder in einer neuen Spalte steht. Die widows-Eigenschaft in CSS steuert die Mindestanzahl von Zeilen eines Absatzes, die auf eine neue Seite fallen dürfen. Diese Eigenschaft wirkt sich nur auf paginierte Medien wie print aus.

@media print {
  p {
    widows: 3;
  }
}

Wenn ein Absatz nicht vollständig auf eine Seite passt, wird er dort geteilt, wo es möglich ist. So können einzelne Zeilen eines Absatzes auf einer Seite erscheinen, bevor er auf der nächsten Seite fortgesetzt wird. Das ist in der Regel unerwünscht, weshalb viele Textverarbeitungsprogramme mindestens zwei Zeilen auf der alten Seite belassen, anstatt nur einer. Die orphan-Eigenschaft funktioniert ähnlich. Du kannst ihr entweder eine positive Zahl (wobei 2 der Standard ist) oder inherit zuweisen.

Beachte, dass die widows-Eigenschaft im Allgemeinen keine nicht-paginierten Medien wie screen beeinflusst. Browser, die sowohl widows als auch columns unterstützen, wenden die beabsichtigte Funktionalität jedoch auch auf Spalten an. Außerdem wirkt sich die Eigenschaft nur auf Block-Level-Elemente aus.

Weitere Ressourcen

• CSS Spec
• MDN Docs
• Wikipedia

Browser-Unterstützung

Verwandt