Derniers tutoriels de développement web
 

Style orphans Property

<Style objet

Exemple

Modifiez les orphelins et vérifier l'impression ou l'aperçu avant 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 {
    /* set size of printed page */
    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();">Change orphans</button>

<p style="font-size:120%" id="p1">
Change orphans 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>

</body>
</html>
Essayez vous - même »

Définition et utilisation

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

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

Tip: les orphelins: 5 signifie qu'au moins 5 lignes doivent être visibles au- dessus du saut de page.

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


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

Note: La propriété orphelins ne sont pas pris en charge dans 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é orphelins:

object .style.orphans

Définissez la propriété des orphelins:

object .style.orphans=" 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 au bas de la page
version CSS CSS2

<Style objet