La propriété orphans définit le nombre minimum de lignes qui doivent rester en bas d'une page, d'une région ou d'une colonne dans un conteneur de bloc.

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

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

Note : En typographie, un orphelin (orphan en anglais) est la première ligne d'un paragraphe qui apparaît isolée en bas d'une page (le paragraphe poursuivant sur la page suivante).

Valeur initiale2
Applicabilitéles éléments conteneurs de blocs
Héritéeoui
Médiavisuel
Valeur calculéecomme spécifié
Type d'animationdiscrète
Ordre canoniqueselon la grammaire

Syntaxe

Valeurs

<integer>
Seules les valeurs positives sont autorisées. Le nombre de lignes qu'on souhaite avoir au minimum avant une rupture.

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;
}

Résultat

Spécifications

Spécification État Commentaires
CSS Fragmentation Module Level 3
La définition de 'orphans' dans cette spécification.
Candidat au statut de recommandation La propriété orphans est étendue pour s'appliquer à n'importe quel fragment comme les pages, les régions ou les colonnes.
CSS Multi-column Layout Module
La définition de 'orphans' dans cette spécification.
Version de travail Recommande d'utiliser la propriété widows en lien avec les colonnes.
CSS Level 2 (Revision 1)
La définition de 'orphans' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 25Edge Support complet 12Firefox Aucun support NonIE Support complet 8Opera Support complet 9.2Safari Aucun support NonWebView Android Support complet OuiChrome Android ? Edge Mobile Support complet OuiFirefox Android Aucun support NonOpera Android ? Safari iOS Aucun support NonSamsung Internet Android ?

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue

Voir aussi

Étiquettes et contributeurs liés au document

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