HTML DOM style orphelins propriété
Définition et utilisation
orphelins __gVirt_NP_NNS_NNPS<__ ensembles immobiliers ou renvoie un nombre minimum d'éléments doit être visible au bas de la ligne de la page (pour l'impression ou l'aperçu avant impression).
propriété orphelins ne touche que des éléments de niveau bloc.
Astuce: orphelins: 5 signifie qu'au moins cinq rangées doivent être visibles au- dessus du saut de page.
Astuce: veuves ensembles de propriétés ou renvoie un nombre minimum d'éléments doit être visible en haut de la ligne de la page.
grammaire
Réglage orphelins propriétés:
Object.style.orphans="number|inherit"
orphelins Retour attributs:
Object.style.orphans
值 | 描述 |
---|---|
number | 一个规定可见行的最小数量的整数。默认值是 2。 |
inherit | orphans 属性的值从父元素继承。 |
support du navigateur
Seulement Opera prend en charge la propriété des orphelins.
Exemples
Exemples
Modifiez les orphelins impression ou aperçu des attributs:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function ChangeOrphans(){
document.getElementById("p1").style.orphans=document.getElementById("orphans").value;
}
</script>
<style>
.othercontent{
width:400px;
border-top:19cm solid #c3c3c3;
}
@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();">修改orphans属性</button>
<p style="font-size:120%" id="p1">
修改打印或打印预览的orphans属性。<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function ChangeOrphans(){
document.getElementById("p1").style.orphans=document.getElementById("orphans").value;
}
</script>
<style>
.othercontent{
width:400px;
border-top:19cm solid #c3c3c3;
}
@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();">修改orphans属性</button>
<p style="font-size:120%" id="p1">
修改打印或打印预览的orphans属性。<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>
</div>
</body>
</html>
Essayez »
style Objets