Derniers tutoriels de développement web
 

Style widows Property

<Style objet

Exemple

Modifiez les veuves et vérifier 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 vous - même »

Définition et utilisation

Les ensembles de propriétés veuves ou retourne le nombre minimum de lignes pour un élément qui doit être visible en haut d'une page (for printing or print preview) l' (for printing or print preview) l' (for printing or print preview) .

La propriété veuves ne concerne que les éléments de niveau bloc.

Tip: veuves: 5 signifie qu'au moins 5 lignes doivent être visibles sous le saut de page.

Tip: Voir la propriété orphelins de définir ou de renvoyer le nombre minimal de lignes pour un élément qui doit être visible en bas d'une page.


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété des veuves est pris en charge dans Internet Explorer, Opera et Chrome.

Note: La propriété est veuve pas prise en charge Firefox ou Safari. La propriété est pas pris en charge dans IE7 et plus tôt. IE8 a besoin d'un! DOCTYPE. IE9 et a plus tard soutien.


Syntaxe

Retour la propriété veuves:

object .style.widows

Définissez la propriété veuves:

object .style.widows=" Valeurs de propriété
Valeur La description
number Un entier qui spécifie le nombre minimal de lignes visibles. Les valeurs négatives ne sont pas autorisés. La valeur par défaut est 2
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut: 2
Valeur de retour: Une chaîne, ce qui représente le nombre minimum de lignes à imprimer en haut de la page
version CSS CSS2

<Style objet