Stijl eigenschap widows

Definitie en gebruik

widows De eigenschap stelt in of retourneert het minimumaantal regels dat zichtbaar moet zijn aan de top van de pagina (gebruikt voor afdrukken of voorvertoning van afdrukken).

widows De eigenschap beïnvloedt alleen blokkenelementen.

Tip:}widows:5 Het is vereist dat er ten minste 5 zichtbare regels onder de paginatekenstaaf zijn.

Tip:}Raadpleeg orphans eigenschap Om het minimale aantal regels te stellen of terug te geven dat zichtbaar moet zijn aan de onderkant van de pagina.

Voorbeeld

Wijzig widows en controleer de 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 {
/* Printpagina-grootte instellen */
  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();">Wijzig widows</button>
<p style="font-size:120%" id="p1">
Vervang widows en bekijk de afdrukvoorbeeld.<br>
Regel 2<br>
Regel 3<br>
Regel 4<br>
Regel 5<br>
Regel 6<br>
Regel 7<br>
Regel 8<br>
</p>
<div class="othercontent">
</body>
</html>

Probeer het zelf uit

Syntax

Retourneer de widows-eigenschap:

object.style.widows

Stel de widows-eigenschap in:

object.style.widows = "number|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
number Een integer dat het minimale aantal zichtbare regels bepaalt. Negatieve waarden zijn niet toegestaan. De standaardwaarde is 2.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouderlijke element. inherit.

Technische details

Standaardwaarde: 2
Retourwaarde: Een string die het minimale aantal regels aangeeft dat moet worden afgedrukt aan de top van de pagina.
CSS versie: CSS2

Browser ondersteuning

The numbers in the table indicate the first browser version that fully supports this property.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 Not supported 7.0 10.0