Atrybut page-break-after w CSS
- Poprzednia strona @page
- Następna strona page-break-before
Definicja i zastosowanie
Ustawienie zachowania paginacji po elemencie page-break-after.
Chociaż można wymusić użycie always, aby nałożyć znak rozdzielający stronę, nie można zapewnić, że uniknie się wstawiania znaków rozdzielających stronę, twórca może jedynie żądać, aby agent użytkownika jak najbardziej unikał wstawiania znaków rozdzielających stronę.
Zastosowanie:Elementy blokowe, dla których wartość position wynosi relative lub static i które nie są pływające.
Komentarz:Używaj atrybutów paginacji jak najmniej i unikaj ich stosowania w tabelach, elementach pływających i blokowych elementach z ramkami.
Zobacz również:
Podręcznik referencyjny HTML DOM:Atrybut pageBreakAfter
Przykład
Ustawienie zachowania paginacji, które zawsze rozdziela stronę po elemencie tabeli:
<html> <head> <style> @media print { table {page-break-after:always;} } </style> </head> <body> .... </body> </html>
Gramatyka CSS
page-break-after: auto|always|avoid|left|right|initial|inherit;
Wartość atrybutu
Wartość | Opis |
---|---|
auto | Domyślnie. Jeśli to konieczne, wstaw znaki rozdzielające stronę po elementie. |
always | Wstaw znaki rozdzielające stronę po elementie. |
avoid | Unikaj wstawiania znaków rozdzielających stronę po elementie. |
left | Wystarczająca liczba znaków rozdzielających stronę po elementie, aż do pustej lewej strony. |
right | Wystarczająca liczba znaków rozdzielających stronę po elementie, aż do pustej prawej strony. |
inherit | Zdefiniowano, że ustawienia page-break-after powinny być dziedziczone od elementu nadrzędnego. |
Szczegółowe informacje techniczne
Domyślna wartość: | auto |
---|---|
Inheritance: | no |
Wersja: | CSS2 |
Język JavaScript: | object.style.pageBreakAfter="always" |
Obsługa przeglądarki
Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
- Poprzednia strona @page
- Następna strona page-break-before