Ultimele tutoriale de dezvoltare web
 

Style widows Property

<Style Object

Exemplu

Modificarea văduvele și verificați de imprimare sau de previzualizare:

<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 {
/* set size of printed page */
    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();">Change widows</button>

<p style="font-size:120%" id="p1">
Change widows and see the print preview.<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>

<div class="othercontent">

</body>
</html>
Încearcă - l singur »

Definiție și utilizare

Seturile de proprietate văduve sau returnează numărul minim de linii pentru un element care trebuie să fie vizibilă în partea de sus a unei pagini (for printing or print preview) .

Proprietatea văduve afectează doar elemente de nivel bloc.

Tip: văduve: 5 înseamnă că cel puțin 5 linii trebuie să fie vizibile sub pauza pagina.

Tip: A se vedea proprietatea orfanii pentru a seta sau a reveni numărul minim de linii pentru un element care trebuie să fie vizibilă în partea de jos a unei pagini.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea văduve este acceptată în Internet Explorer, Opera și Chrome.

Notă: Proprietatea văduvele nu este acceptat în Firefox sau Safari. Proprietatea nu este acceptat în IE7 și mai devreme. IE8 necesită un DOCTYPE!. IE9 și mai târziu are suport complet.


Sintaxă

Întoarcere proprietatea văduve:

object .style.widows

Setați proprietatea văduve:

object .style.widows=" Valori de proprietate
Valoare Descriere
number Un număr întreg care specifică numărul minim de linii vizibile. Valorile negative nu sunt permise. Valoarea implicită este de 2
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: 2
Întoarcere Valoare: Un șir, reprezentând numărul minim de linii pentru a imprima în partea de sus a paginii
CSS Versiune CSS2

<Style Object