Veuves - Astuces CSS | CSS Almanach 2025

En termes de typographie, une veuve est la dernière ligne d'un paragraphe qui reste seule sur une nouvelle page ou dans une nouvelle colonne. La widowspropriété en CSS contrôle le nombre minimum de lignes d'un paragraphe qui peuvent tomber sur une nouvelle page. Cette propriété affecte uniquement les supports paginés tels que print.

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

Si un paragraphe ne peut pas tenir sur une seule page dans son intégralité, il est divisé chaque fois que 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, de sorte que de nombreux traitements de texte nécessitent au moins deux lignes sur une ancienne page, au lieu d'une. La orphanpropriété agit de la même manière. Vous pouvez lui donner un nombre positif (où 2 est la valeur par défaut) ou inherit.

Notez que la widowspropriété n'affecte généralement pas les supports non paginés tels que screen. Cependant, les navigateurs prenant en charge les deux widowset 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.

En rapport

orphelins

Prise en charge du navigateur

Ces données de support de navigateur proviennent de Caniuse, qui contient plus de détails. Un nombre indique que le navigateur prend en charge la fonctionnalité dans cette version et plus.