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.

Valeur initiale2
Applicabilitéles éléments conteneurs de blocs
Héritéeoui
Médiavisuel, paged
Valeur calculéecomme spécifié
Type d'animationdiscrète
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

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

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

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

Spécification État Commentaires
CSS Fragmentation Module Level 3
La définition de 'widows' dans cette spécification.
Candidat au statut de recommandation Extension de widows qui peut désormais être appliqué à n'importe quel type de fragment : pages, régions ou columns.
CSS Multi-column Layout Module
La définition de 'widows' dans cette spécification.
Candidat au statut de recommandation Recommandation d'utiliser widows avec les colonnes.
CSS Level 2 (Revision 1)
La définition de 'widows' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari (WebKit)
Support simple 25 Pas de support (Oui) 8 9.2 Pas de support
Fonctionnalité Android Firefox Mobile (Gecko) Edge IE Phone Opera Mobile Safari Mobile
Support simple Pas de support Pas de support (Oui) ? ? Pas de support

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, Sebastianz, teoli, FredB
 Dernière mise à jour par : SphinxKnight,