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