HTML-DOM-Art-Waisen Eigentum
Definition und Verwendung
Waisen-Eigenschaft legt oder gibt eine minimale Anzahl von Elementen am unteren Rand der Seite Zeile (für den Druck oder Druckvorschau) sichtbar sein muss.
nur Waisen Eigenschaft wirkt sich Elemente auf Blockebene.
Tipp: Waisen: 5 bedeutet , dass mindestens fünf Zeilen über dem Seitenumbruch sichtbar sein muss.
Tipp: Witwen - Eigenschaft legt oder gibt eine minimale Anzahl von Elementen an der Spitze der Linie der Seite sichtbar sein muss.
Grammatik
Einstellen Waisen Eigenschaften:
Object.style.orphans="number|inherit"
Zurück Waisen-Attribute:
Object.style.orphans
值 | 描述 |
---|---|
number | 一个规定可见行的最小数量的整数。默认值是 2。 |
inherit | orphans 属性的值从父元素继承。 |
Browser-Unterstützung
Nur Opera unterstützt Eigenschaft Waisen.
Beispiele
Beispiele
Ändern der Druck oder Druckvorschau Waisen-Attribute:
<!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>
Versuchen »
Style - Objekte