Stil widows egenskap

Definition och användning

widows Egenskapen anger eller returnerar det minsta antalet rader som måste vara synliga vid sidan av sidan (för utskrift eller förhandsgranskning av utskrift).

widows Egenskapen påverkar endast blockelement.

Tips:widows:5 Antydde att det måste finnas minst 5 synliga rader under sidbrytning.

Tips:Se Orphans-attribut För att ställa in eller returnera det minsta antalet rader som måste vara synliga på sidans botten.

Exempel

Ändra widows och kontrollera utskrift eller förhandsgranskning av utskrift:

<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 {
/* Ställ in storleken på utskriftssidan */
  size: 21cm 27cm;
  margintop: 2cm;
}
@media print {
  .widows {
    widows:2;
  }
}
</style>
</head>
<body>
<div class="othercontent">
<input id="widows" value="2">
<button onclick="ChangeWidows();">Byt ut widows</button>
<p style="font-size:120%" id="p1">
Byt ut widows och visa förhandsgranskning av utskrift.<br>
Rad 2<br>
Rad 3<br>
Rad 4<br>
Rad 5<br>
Rad 6<br>
Rad 7<br>
Rad 8<br>
</p>
<div class="othercontent">
</body>
</html>

Prova själv

Syntax

Returnera widows-attribut:

object.style.widows

Ställ in widows-attribut:

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

Attributvärde

Värde Beskrivning
number Ett heltal som anger 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 få detta attribut. Se inherit.

Tekniska detaljer

Standardvärde: 2
Returvärde: En sträng som anger det minsta antalet rader som ska skrivas ut på sidans topp.
CSS version: CSS2

Webbläsare stödjer

Tal 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 7.0 10.0