En son web geliştirme öğreticiler
 

Style orphans Property

<Stil Nesne

Örnek

yetim değiştirin ve baskı veya baskı önizleme kontrol edin:

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

<p style="font-size:120%" id="p1">
Change orphans 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>

</body>
</html>
Kendin dene "

Tanımı ve Kullanımı

Yetim özelliği, ayarlar veya bir sayfanın alt kısmında 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) .

yetim özellik yalnızca blok seviyesindeki elemanları etkiler.

Tip: yetim: 5 en az 5 satır sayfa sonu Yukarıdaki görünür olması gerektiği anlamına gelir.

Tip: ayarlamak veya sayfanın en üstünde görünür olmalıdır bir element için az sayıda satırdan oluşan dönmek dul özelliğine bakın.


Tarayıcı Desteği

Internet ExplorerFirefoxOperaGoogle ChromeSafari

yetim mülkiyet Internet Explorer, Opera ve Chrome desteklenmektedir.

Not: yetim mülkiyet 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

yetim özelliğini Dönüş:

object .style.orphans

yetim özelliğini ayarlayın:

object .style.orphans=" 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 alt kısmında yazdırmak için
CSS Sürüm CSS2

<Stil Nesne