Propriété des veuves de style
Exemple
Modifiez les veuves et vérifiez l'impression ou l'aperçu avant 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
{
/* set size of printed page */
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();">Change widows</button>
<p style="font-size:120%" id="p1">
Change widows and see the print preview.<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>
<div class="othercontent">
</body>
</html>
Essayez-le vous-même »
Définition et utilisation
La propriété veuves définit ou renvoie le nombre minimum de lignes pour un élément qui doit être visible en haut d'une page (pour l'impression ou l'aperçu avant impression).
La propriété window n'affecte que les éléments de niveau bloc.
Astuce : veuves : 5 signifie qu'au moins 5 lignes doivent être visibles sous le saut de page.
Astuce : Voir la propriété orphans pour définir ou retourner le nombre minimum de lignes pour un élément qui doit être visible en bas d'une page.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
widows | Yes | Not supported | Not supported | Not supported | Yes |
Syntaxe
Renvoyez la propriété des veuves :
object.style.widows
Définissez la propriété veuves :
object.style.widows = "number|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
number | An integer that specifies the minimum number of visible lines. Negative values are not allowed. The default value is 2 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | 2 |
---|---|
Valeur de retour : | Une chaîne, représentant le nombre minimum de lignes à imprimer en haut de la page |
Version CSS | CSS2 |
❮ Objet de style