Styylin widows-ominaisuus

Määrittely ja käyttö

widows Ominaisuus asettaa tai palauttaa alaviivauksen alla olevien elementtien vähimmäismäärän näkyvistä riveistä (tulostukseen tai tulostuksen esikatseluun).

widows Ominaisuus vaikuttaa vain lohkoelementteihin.

Vinkki:widows:5 Merkitsee, että alaviivauksen alla on oltava vähintään 5 näkyvää riviä.

Vinkki:Katso orphans ominaisuus Aseta tai palauta vähimmäisriviä, joka täytyy olla näkyvissä sivun alalaidassa.

Esimerkki

Muuta widows ja tarkista tulostus tai tulostusennuste:

<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 {
/* Määritä tulostus sivun koko */
  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();">Muuta widows</button>
<p style="font-size:120%" id="p1">
Vaihda widows ja tarkista tulostusennuste.<br>
Rivi 2<br>
Rivi 3<br>
Rivi 4<br>
Rivi 5<br>
Rivi 6<br>
Rivi 7<br>
Rivi 8<br>
</p>
<div class="othercontent">
</body>
</html>

Kokeile itse

Syntaksi

Palauta widows ominaisuus:

object.style.widows

Aseta widows ominaisuus:

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

Ominaisuusarvo

Arvo Kuvaus
number Kokonaisluku, joka määrittelee vähimmäisnäkyvät rivit. Negatiivisia arvoja ei sallita. Oletusarvo on 2.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial。
inherit Perii tämän ominaisuuden isältään. Katso inherit。

Tekninen yksityiskohta

Oletusarvo: 2
Palautusarvo: Merkkijono, joka ilmaisee vähimmäisrivejä, jotka tulostetaan sivun ylälaidasta.
CSS versio: CSS2

Selain tukee

Taulukossa olevat numerot viittaavat ensimmäiseen täysin tukevaan selaimeen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 Ei tuettu 7.0 10.0