Beispiel
Ändern Sie die Witwen und überprüfen Druck oder Druckvorschau:
<html>
<head>
<script>
function ChangeWidows()
{
document.getElementById("p1").style.widows = document.getElementById("widows").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
{
.widows
{
widows:2;
}
}
</style>
</head>
<body>
<div class="othercontent">
<input id="widows" value="2">
<button onclick="ChangeWidows();">Change widows</button>
<p style="font-size:120%" id="p1">
Change widows 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>
<div class="othercontent">
</body>
</html> Versuch es selber " Definition und Verwendung
Die Witwen Eigenschaftssätze oder gibt die minimale Anzahl von Linien für ein Element , das an der Spitze einer Seite sichtbar sein muß (for printing or print preview) .
Die Witwen Eigenschaft wirkt sich nur auf Block-Elemente.
Tip: Witwen: 5 bedeutet , dass mindestens 5 Zeilen unterhalb des Seitenumbruchs sichtbar sein muss.
Tip: Sehen Sie sich die Waisen Eigenschaft festlegen oder die minimale Anzahl von Zeilen für ein Element zurück , die am Ende einer Seite sichtbar sein muss.
Browser-Unterstützung
Die Witwen Eigenschaft wird in Internet Explorer, Opera und Chrome unterstützt.
Hinweis: Die Witwen 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 Witwen Eigentum:
object .style.widows
Stellen Sie die Witwen Eigentum:
object .style.widows=" 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 oberen Rand der Seite zu drucken, CSS Version CSS2
<Style - Objekt