Beispiel
Ändern Sie die Waisen und überprüfen Druck oder Druckvorschau:
<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> Versuch es selber " Definition und Verwendung
Die Waisen Eigenschaftssätze oder gibt die minimale Anzahl von Linien für ein Element , das am Ende einer Seite sichtbar sein muß (for printing or print preview) .
Die Waisen Eigenschaft wirkt sich nur auf Block-Elemente.
Tip: Waisen: 5 bedeutet , dass mindestens 5 Zeilen oberhalb dem Seitenumbruch sichtbar sein muss.
Tip: Sehen Sie sich die Witwen - Eigenschaft festlegen oder die minimale Anzahl von Zeilen für ein Element zurück , die am Anfang einer Seite sichtbar sein muss.
Browser-Unterstützung
Die Waisen Eigenschaft wird in Internet Explorer, Opera und Chrome unterstützt.
Hinweis: Die Waisen Eigenschaft wird in Firefox oder Safari nicht unterstützt. Die Liegenschaft befindet sich in IE7 und früher nicht unterstützt. IE8 erfordert eine DOCTYPE!. IE9 und hat später volle Unterstützung.
Syntax
Bringen Sie die Waisen Eigenschaft:
object .style.orphans
Stellen Sie die Waisen Eigenschaft:
object .style.orphans=" Eigenschaftswerte Wert Beschreibung number Eine ganze Zahl, die die minimale Anzahl der sichtbaren Zeilen angibt. Negative Werte sind nicht erlaubt. Der Standardwert ist 2 initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: 2 Rückgabewert: Ein String, die die minimale Anzahl von Zeilen am Ende der Seite zu drucken, CSS Version CSS2
<Style - Objekt