Style orphans eigenschap

Definitie en gebruik

orphans De eigenschap stelt in of retourneert het minimale aantal zichtbare regels van de elementen die aan de onderkant van de pagina moeten zijn (voor afdrukken of voorbeeldafbeelding).

orphans De eigenschap beïnvloedt alleen blokkelementen.

Tip:}}orphans:5 De pagina-eindeindicator moet ten minste 5 zichtbare regels boven zich hebben.

Tip:}}Raadpleeg Widows eigenschap Om het minste aantal regels te stellen of terug te geven dat moeten zichtbaar zijn aan de top van de pagina.

Voorbeeld

Wijzig orphans en controleer de print of de printvoorbeeld:

<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 {
  /* Stel de afmetingen van de printpagina in */
  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();">Wijzig orphans</button>
<p style="font-size:120%" id="p1">
Wijzig orphans en bekijk de printvoorbeeld.<br>
Regel 2<br>
Regel 3<br>
Regel 4<br>
Regel 5<br>
Regel 6<br>
Regel 7<br>
Regel 8<br>
</p>
</body>
</html>

Probeer het zelf uit

Syntaxis

Retourneren van de orphans-eigenschap:

object.style.orphans

Instellen van de orphans-eigenschap:

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

Eigenschapswaarde

Waarde Beschrijving
number Geheel getal dat het minste aantal zichtbare regels规定了。Negatieve waarden zijn niet toegestaan. De standaardwaarde is 2.
initial Deze eigenschap instellen op de standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: 2
Retourwaarde: String die de minste aantal regels aangeeft dat aan de onderkant van de pagina wordt afgedrukt.
CSS versie: CSS2

Browser ondersteunt

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 3.1 10.0