Örnek
dul değiştirin ve baskı veya baskı önizleme kontrol edin:
<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>
Kendin dene " Tanımı ve Kullanımı
Dul özelliği, ayarlar veya bir sayfanın en üstünde görünür olmalıdır bir element için hatların asgari sayısını döndürür (for printing or print preview) .
dul özellik yalnızca blok seviyesindeki elemanları etkiler.
Tip: dul: 5 en az 5 satır sayfa sonunu görünür olması gerektiği anlamına gelir.
Tip: ayarlamak veya sayfanın alt kısmında görünür olmalıdır bir element için az sayıda satırdan oluşan dönmek için yetim özelliğine bakın.
Tarayıcı Desteği
dul özellik Internet Explorer, Opera ve Chrome desteklenmektedir.
Not: dul özellik Firefox veya Safari'de desteklenmez. mülkiyet IE7 ve önceki desteklenmez. IE8 bir! DOCTYPE gerektirir. Daha sonra IE9 ve tam desteği vardır.
Sözdizimi
dul özelliğini Dönüş:
object .style.widows
dul özelliğini ayarlayın:
object .style.widows=" Mülkiyet Değerler değer Açıklama number Görünür çizgiler en az sayısını belirten bir tam sayı. Negatif değerler izin verilmez. Varsayılan değer 2'dir initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Teknik detaylar
Varsayılan değer: 2 Geri dönüş değeri: az sayıda satırdan oluşan temsil eden bir dize, sayfanın üst kısmında yazdırmak için CSS Sürüm CSS2
<Stil Nesne