Stijl wezen eigendom
Voorbeeld
Wijzig de weeskinderen en controleer afdruk of afdrukvoorbeeld:
<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>
Probeer het zelf "
Definitie en gebruik
De eigenschap orphans stelt of retourneert het minimum aantal regels voor een element dat onder aan een pagina zichtbaar moet zijn (voor afdrukken of afdrukvoorbeeld).
De eigenschap orphans heeft alleen invloed op elementen op blokniveau.
Tip: weeskinderen:5 betekent dat er minimaal 5 regels zichtbaar moeten zijn boven het pagina-einde.
Tip: Zie de eigenschap weduwen om het minimum aantal regels in te stellen of terug te geven voor een element dat zichtbaar moet zijn bovenaan een pagina.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
orphans | Yes | Not supported | Not supported | Not supported | Yes |
Syntaxis
Geef het wezen van de wees terug:
object.style.orphans
Stel de eigenschap voor wezen in:
object.style.orphans = "number|initial|inherit"
Eigendomswaarden
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
Standaardwaarde: | 2 |
---|---|
Winstwaarde: | Een tekenreeks, die het minimum aantal regels vertegenwoordigt dat onderaan de pagina moet worden afgedrukt |
CSS-versie | CSS2 |
❮ Stijlobject