widows

Lorsqu'un paragraphe s'étend sur deux pages, dans un média paginé (paged), la propriété widows définit le nombre minimum de lignes qui peuvent être laissées en haut de la deuxième page. En typographie, une ligne veuve est la dernière ligne d'un paragraphe qui apparaît seule en haut d'une nouvelle page. En utilisant la propriété widows, on évite d'avoir des veuves sur une seule ligne.

Pour les médias qui ne sont pas paginés (comme screen), la propriété widows CSS n'a pas d'effet.

/* Valeurs entières */
/* type <integer> */
widows: 2;
widows: 3;

/* Valeurs globales */
widows: inherit;
widows: initial;
widows: unset;

Syntaxe

Valeurs

<integer>

Cet entier indique le nombre minimum de lignes qui peuvent apparaître en haut d'une nouvelle page lorsqu'un paragraphe s'étend entre deux pages. Si la valeur est négative, la déclaration est invalide.

Syntaxe formelle

<integer>

Exemple

CSS

div {
  background-color: #8cffa0;
  columns: 3;
  widows: 2;
}

p {
  background-color: #8ca0ff;
}

p:first-child {
  margin-top: 0;
}

HTML

<div>
  <p>Un premier paragraphe avec un peu de texte.</p>
  <p>Un deuxième paragraphe avec un peu plus de texte et qui permet d'illustrer le fonctionnement de widows.</p>
  <p>Enfin, un troisième paragraphe avec un peu plus de texte que le premier.</p>
</div>

Résult

Spécifications

Compatibilité des navigateurs

Voir aussi

• orphans
• Médias paginés