orphans

La propriété orphans fait référence au nombre minimum de lignes qui doivent rester en bas de pages dans un conteneur de bloc. Cette propriété est généralement utilisée pour contrôler la façon dont les sauts de page se produisent.

Syntaxe

/* Valeur numérique entière */
orphans: 3;

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

Valeurs

<integer>

Seules les valeurs positives sont autorisées. Le nombre de lignes qu'on souhaite avoir au minimum en bas de page.

inherit

La propriété prendra la même valeur que celle définie pour l'élément parent de l'élément courant.

Syntaxe formelle

<integer>

Exemples

HTML

<p class=exemple>
  Tout en causant ainsi, Alice était entrée dans une petite chambre 
  bien rangée, et, comme elle s’y attendait, sur une petite table 
  dans l’embrasure de la fenêtre, elle vit un éventail et deux ou
  trois paires de gants de chevreau tout petits. Elle en prit une 
  paire, ainsi que l’éventail, et allait quitter la chambre lorsqu’
  elle aperçut, près du miroir, une petite bouteille. Cette fois il
  n’y avait pas l’inscription BUVEZ-MOI — ce qui n’empêcha pas Alice
  de la déboucher et de la porter à ses lèvres. « Il m’arrive toujours
  quelque chose d’intéressant, » se dit-elle, « lorsque je mange ou 
  que je bois. Je vais voir un peu l’effet de cette bouteille. 
  J’espère bien qu’elle me fera regrandir, car je suis vraiment 
  fatiguée de n’être qu’une petite nabote ! »C’est ce qui arriva en
  effet, et bien plus tôt qu’elle ne s’y attendait. Elle n’avait pas
  bu la moitié de la bouteille, que sa tête touchait au plafond et
  qu’elle fut forcée de se baisser pour ne pas se casser le cou. Elle
  remit bien vite la bouteille sur la table en se disant : « En voilà
  assez ; j’espère ne pas grandir davantage. Je ne puis déjà plus
  passer par la porte. Oh ! je voudrais bien n’avoir pas tant bu ! »
</p>

CSS

.exemple {
  orphans: 4;
  columns: 3;
  -moz-columns: 3;
  -webkit-columns: 3;
}

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi

• widows
• paged_media