Stil Widows Özelliği
- Önceki sayfa wordWrap
- Sonraki sayfa zIndex
- Bir üst seviyeye dön HTML DOM Style Nesnesi
Tanım ve Kullanım
widows
Bu özellik, sayfa başında görünürlüğü gereken en küçük satır sayısını ayarlar veya döndürür (yazdırma veya yazdırma önizlemesi için kullanılır).
widows
Bu özellik yalnızca blok elementlerini etkiler.
İpucu:widows:5
Sayfa bölme işaretinin altında en az 5 satır görünürlü olmalıdır.
İpucu:Bakınız Orphans özelliği Sayfanın alt kısmında görünmesi gereken elementlerin en az satır sayısını ayarlamak veya döndürmek için kullanılır.
Örnek
Widows'u değiştirin ve yazdırma veya yazdırma önizlemesini kontrol edin:
<html> <head> <script> function ChangeWidows() { document.getElementById("p1").style.widows = document.getElementById("widows").value; } </script> <style> .othercontent { genişlik: 400px; üst kenar: 19cm #c3c3c3 dolgu tahta; } @page { /* Yazdırma sayfası boyutunu ayarlayın */ boyut: 21cm 27cm; margin-top: 2cm; } @media print { .widows { widows:2; } } </style> </head> <body> <div class="othercontent"> <input id="widows" value="2"> <button onclick="ChangeWidows();">Widows Değiştir</button> <p style="font-size:120%" id="p1"> Widows'u değiştirin ve yazdırma önizlemesini görün.<br> Satır 2<br> Satır 3<br> Satır 4<br> Satır 5<br> Satır 6<br> Satır 7<br> Satır 8<br> </p> <div class="othercontent"> </body> </html>
Sözdizimi
Widows özelliğini döndürün:
object.style.widows
Widows özelliğini ayarlayın:
object.style.widows = "number|initial|inherit"
Özellik değeri
Değer | Açıklama |
---|---|
number | Tamsayı, en az görünen satır sayısını belirler. Negatif değer kullanılmaz. Öntanımlı değer 2'dir. |
initial | Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial。 |
inherit | Bu özelliği ebeveyn elemanından miras alır. Bakınız inherit。 |
Teknik ayrıntılar
Öntanımlı değer: | 2 |
---|---|
Dönüş değeri: | Dizgi, sayfanın üst kısmına yazılacak en az satır sayısını belirtir. |
CSS sürümü: | CSS2 |
Tarayıcı destekler
Tabloda, bu özelliği ilk tam olarak destekleyen tarayıcı sürüm numaraları belirtilmiştir.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
25.0 | 8.0 | Desteklenmiyor | 7.0 | 10.0 |
- Önceki sayfa wordWrap
- Sonraki sayfa zIndex
- Bir üst seviyeye dön HTML DOM Style Nesnesi