Atrybut stylu widows
- Poprzednia strona wordWrap
- Następna strona zIndex
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM
Definicja i użycie
widows
Atrybut ustawia lub zwraca minimalną liczbę wierszy widocznych na górze strony (używane do drukowania lub podglądu drukowania).
widows
Atrybut wpływa tylko na elementy blokowe.
Wskazówka:widows:5
Poniżej znaku paginacji musi być co najmniej 5 wierszy widocznych.
Wskazówka:Zobacz Atrybut orphans Aby ustawić lub zwrócić minimalną liczbę wierszy elementu widocznego na dole strony.
Przykład
Zmień widows i sprawdź drukowanie lub podgląd drukowania:
<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 { /* Ustawienie rozmiaru strony do drukowania */ 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();">Zmień widows</button> <p style="font-size:120%" id="p1"> Zmień widows i sprawdź podgląd drukowania.<br> Wiersz 2<br> Wiersz 3<br> Wiersz 4<br> Wiersz 5<br> Wiersz 6<br> Wiersz 7<br> Wiersz 8<br> </p> <div class="othercontent"> </body> </html>
Gramatyka
Zwróć właściwość widows:
object.style.widows
Ustawienie właściwości widows:
object.style.widows = "number|initial|inherit"
Wartość atrybutu
Wartość | Opis |
---|---|
number | Liczba całkowita, określająca minimalną liczbę widocznych wierszy. Nie można używać wartości ujemnych. Domyślna wartość to 2. |
initial | Ustawia tę właściwość na jej wartość domyślną. Zobacz initial. |
inherit | Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz inherit. |
Szczegóły techniczne
Domyślna wartość: | 2 |
---|---|
Zwracana wartość: | Ciąg znaków, który określa minimalną liczbę wierszy do drukowania na górze strony. |
Wersja CSS: | CSS2 |
Przeglądarka obsługuje
Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
25.0 | 8.0 | Nieobsługiwane | 7.0 | 10.0 |
- Poprzednia strona wordWrap
- Następna strona zIndex
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM