Style orphans ominaisuus

Määrittely ja käyttö

orphans Ominaisuus asettaa tai palauttaa alimmassa näkyvässä elementissä olevien rivien vähimmäismäärän (tulostusta tai tulostuksen esikatselua varten).

orphans Ominaisuus vaikuttaa vain lohkoelementteihin.

Vinkki: }}orphans:5 Näytön yläpuolella on oltava vähintään 5 näkyvää riviä.

Vinkki: }}Katso Widows-ominaisuus Aseta tai palauta vähimmäisrivien määrä elementille, joka täytyy olla näkyvissä sivun yläosassa.

Esimerkki

Muuta orphans ja tarkista tulostus tai tulostusnäkymä:

<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 {
  /* Aseta tulostus sivun koossa */
  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();">Muuta orphans</button>
<p style="font-size:120%" id="p1">
Muuta orphans ja tarkista tulostusnäkymä.<br>
Rivi 2<br>
Rivi 3<br>
Rivi 4<br>
Rivi 5<br>
Rivi 6<br>
Rivi 7<br>
Rivi 8<br>
</p>
</body>
</html>

Kokeile itse

Syntaksi

Palauta orphans-ominaisuus:

object.style.orphans

Aseta orphans-ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
number Kokonaisluku, joka määrittää vähimmäisnäkyvien rivien määrän. Negatiivisia arvoja ei sallita. Oletusarvo on 2.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial.
inherit Periisi isältä elementiltään tämän ominaisuuden. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 2
Palautusarvo: Merkkijono, joka ilmaisee vähimmäisrivien määrän alhaalla olevassa osassa sivua.
CSS versio: CSS2

Selain tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan selaimen version.

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