Orphelins - Astuces CSS | CSS Almanach 2025

En termes de typographie, un orphelin est la première ligne d'un paragraphe qui reste sur l'ancienne page tandis que le paragraphe continue sur la suivante. La orphanpropriété contrôle le nombre minimum de lignes d'un paragraphe qui peuvent être laissées sur l'ancienne page. Cette propriété affecte uniquement les supports paginés tels que print.

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

Par exemple, si un paragraphe ne peut pas tenir sur une seule page dans son intégralité, il est divisé partout où cela est possible. De cette façon, des lignes simples d'un paragraphe peuvent apparaître sur la page avant de continuer sur la page suivante. Ceci est généralement indésirable, donc de nombreux traitements de texte nécessitent au moins deux lignes pour être laissées sur une ancienne page, au lieu d'une. Vous pouvez lui donner un nombre positif (où 2 est la valeur par défaut) ou inherit.

Notez que la orphanpropriété n'affecte généralement pas les supports non paginés tels que screen. Cependant, les navigateurs prenant en charge les deux orphanset columnsappliqueront également la fonctionnalité prévue aux colonnes. En outre, la propriété affecte uniquement les éléments de niveau bloc.

En bref, en CSS spécifiquement:
widows= nombre minimum de lignes dans un paragraphe divisé sur la nouvelle page.
orphans= nombre minimum de lignes dans un paragraphe divisé sur l' ancienne page.