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