Style orphans egenskap

Definition och användning

orphans Egenskapen ställer in eller returnerar det minsta antalet rader som måste vara synliga vid sidofoten på sidan (för utskrift eller förhandsgranskning av utskrift).

orphans Egenskapen påverkar endast blockelement.

Tips:orphans:5 Visa att det måste finnas minst 5 synliga rader ovanför sidofot.

Tips:Se Widows-attribut För att ställa in eller returnera det minsta antalet rader som måste vara synliga på toppen av sidan.

Exempel

Ändra orphans och kontrollera utskrift eller utskriftsgranskning:

<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 {
  /* Ställ in storleken på utskriftspage */
  size:21cm 27cm;
  margintop:2cm;
}
@media print {
  .orphans {
    orphans:2;
  }
}
</style>
</head>
<body>
<div class="othercontent">
<input id="orphans" value="2">
<button onclick="ChangeOrphans();">Ändra orphans</button>
<p style="font-size:120%" id="p1">
Ändra orphans och visa utskriftsgranskning.<br>
Rad 2<br>
Rad 3<br>
Rad 4<br>
Rad 5<br>
Rad 6<br>
Rad 7<br>
Rad 8<br>
</p>
</body>
</html>

Prova själv

Syntax

Returnera orphans-attribut:

object.style.orphans

Ställ in orphans-attribut:

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

Attributvärde

Värde Beskrivning
number Heltal, som specificerar det minsta antalet synliga rader. Negativa värden är inte tillåtna. Standardvärdet är 2.
initial Sätt detta attribut till dess standardvärde. Se initial.
inherit Följ från föräldrelementet för att använda detta attribut. Se inherit.

Tekniska detaljer

Standardvärde: 2
Returvärde: Sträng, som anger det minsta antalet rader som ska skrivas ut på sidan botten.
CSS version: CSS2

Webbläsare stödjer

Numreringen i tabellen anger den första webbläsarens version som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 Ej stödd 3.1 10.0