Propriété Style orphans
- Page précédente Order
- Page suivante Outline
- Retour au niveau supérieur Objet Style HTML DOM
Définition et utilisation
orphans
Cette propriété définit ou retourne le nombre minimum de lignes visibles à la fin de la page (utilisé pour l'impression ou l'aperçu avant impression).
orphans
Cette propriété affecte uniquement les éléments en bloc.
Conseil :orphans:5
Le symbole de pagination doit être précédé d'au moins 5 lignes visibles.
Conseil :Voir Propriété widows Pour définir ou retourner le nombre minimum de lignes visible en haut de la page pour les éléments.
Exemple
Modifier orphans et vérifier l'impression ou l'aperçu d'impression :
<html> <head> <script> function ChangeOrphans() { document.getElementById("p1").style.orphans = document.getElementById("orphans").value; } </script> <style> .othercontent { width: 400px; border-top: 19cm solid #c3c3c3; } @page { /* Définir la taille de la page d'impression */ size:21cm 27cm; margin-top:2cm; } @media print { .orphans { orphans:2; } } </style> </head> <body> <div class="othercontent"> <input id="orphans" value="2"> <button onclick="ChangeOrphans();">Modifier orphans</button> <p style="font-size:120%" id="p1"> Modifiez orphans et consultez l'aperçu d'impression.<br> Ligne 2<br> Ligne 3<br> Ligne 4<br> Ligne 5<br> Ligne 6<br> Ligne 7<br> Ligne 8<br> </p> </body> </html>
Syntaxe
Retourner la propriété orphans :
object.style.orphans
Définir la propriété orphans :
object.style.orphans = "number|initial|inherit"
Valeur de l'attribut
Valeur | Description |
---|---|
number | Entier, définissant le nombre minimum de lignes visibles. Les valeurs négatives ne sont pas autorisées. La valeur par défaut est 2. |
initial | Sets this property to its default value. See initial. |
inherit | Inherits this property from its parent element. See inherit. |
Détails techniques
Valeur par défaut : | 2 |
---|---|
Valeur de retour : | Chaîne, représentant le nombre minimum de lignes à imprimer en bas de page. |
Version CSS : | CSS2 |
Supporte par le navigateur
Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
25.0 | 8.0 | Non pris en charge | 3.1 | 10.0 |
- Page précédente Order
- Page suivante Outline
- Retour au niveau supérieur Objet Style HTML DOM