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.
Valeur initiale |
|
---|---|
Applicabilité | les éléments conteneurs de blocs |
Héritée | oui |
Média | visuel, paged |
Valeur calculée | comme spécifié |
Type d'animation | discrète |
Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
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
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. |
Candidat au statut de recommandation | 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
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Support simple | 25.0 | Pas de support | 8 | 9.2 | Pas de support |
Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Support simple | 25.0 | Pas de support | ? | ? | Pas de support |