Propriété Style widows
- Page précédente wordWrap
- Page suivante zIndex
- Retour au niveau supérieur Objet Style HTML DOM
Définition et utilisation
widows
Cette propriété définit ou retourne le nombre minimum de lignes visibles en haut de la page (utilisé pour l'impression ou l'aperçu avant impression).
widows
Cette propriété ne s'applique qu'aux éléments en bloc.
Conseil :widows:5
Il doit y avoir au moins 5 lignes visibles sous le symbole de pagination.
Conseil :Voir Attribut orphans Pour définir ou retourner le nombre minimum de lignes que doit contenir un élément visible en bas de la page.
Exemple
Changer widows et vérifier l'impression ou l'aperçu d'impression :
<html> <head> <script> function ChangeWidows() { document.getElementById("p1").style.widows = document.getElementById("widows").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 { .widows { widows:2; } } </style> </head> <body> <div class="othercontent"> <input id="widows" value="2"> <button onclick="ChangeWidows();">Changer widows</button> <p style="font-size:120%" id="p1"> Changer widows et voir 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> <div class="othercontent"> </body> </html>
Syntaxe
Retourner l'attribut widows :
object.style.widows
Définir l'attribut widows :
object.style.widows = "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 haut de la page. |
Version CSS : | CSS2 |
Support du 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 | 7.0 | 10.0 |
- Page précédente wordWrap
- Page suivante zIndex
- Retour au niveau supérieur Objet Style HTML DOM