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-
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