Style -Waisen- Eigentum
Beispiel
Ändern Sie die Waisen und überprüfen Sie den Druck oder die 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 Eigenschaft orphans setzt oder gibt die Mindestanzahl von Zeilen für ein Element zurück, die am unteren Rand einer Seite sichtbar sein müssen (zum Drucken oder zur Druckvorschau).
Die Eigenschaft orphans betrifft nur Elemente auf Blockebene.
Tipp: orphans:5 bedeutet, dass mindestens 5 Zeilen über dem Seitenumbruch sichtbar sein müssen.
Tipp: Sehen Sie sich die widows-Eigenschaft an, um die Mindestanzahl von Zeilen für ein Element festzulegen oder zurückzugeben, das oben auf einer Seite sichtbar sein muss.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
orphans | Yes | Not supported | Not supported | Not supported | Yes |
Syntax
Geben Sie das Eigentum der Waisenkinder zurück:
object.style.orphans
Legen Sie die Waisen-Eigenschaft fest:
object.style.orphans = "number|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
number | An integer that specifies the minimum number of visible lines. Negative values are not allowed. The default value is 2 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | 2 |
---|---|
Rückgabewert: | Ein String, der die Mindestanzahl von Zeilen darstellt, die unten auf der Seite gedruckt werden sollen |
CSS-Version | CSS2 |
❮ Style-Objekt