Atrybut page-break-before w CSS
- poprzednia strona page-break-after
- Następna strona page-break-inside
Definicja i zastosowanie
Atrybut page-break-before ustawia zachowanie paginacji przed elementem.
Chociaż można zmusić do umieszczenia symboli paginacji przy użyciu always, nie można zapewnić uniknięcia ich wstawiania, twórca może jedynie prosić użytkownika o maksymalne unikanie ich wstawiania.
Zastosowanie:Nieprzypływające blokowe elementy o wartości position relative lub static.
Komentarz:Używaj atrybutów paginacji jak najmniej i unikaj ich stosowania w tabelach, elementach float i blokowych elementach z ramkami.
Zobacz również:
Podręcznik referencyjny HTML DOM:Atrybut pageBreakBefore
Przykład
Ustawienie zachowania paginacji, które zawsze prowadzi do paginacji po elementach tabeli:
<html> <head> <style> @media print { table {page-break-before:always;} } </style> </head> <body> .... </body> </html>
Gramatyka CSS
page-break-before: auto|always|avoid|left|right|initial|inherit;
Wartość atrybutu
Wartość | Opis |
---|---|
auto | Domyślna wartość. W razie potrzeby wstaw symbole paginacji przed elementem. |
always | Wstaw symbole paginacji przed elementem. |
avoid | Unikaj wstawiania symboli paginacji przed elementem. |
left | Wystarczająca liczba symboli paginacji przed elementem, aż do pustej lewej strony. |
right | Wystarczająca liczba symboli paginacji przed elementem, aż do pustej prawej strony. |
inherit | Zdefiniowano, że ustawienia page-break-before powinny być dziedziczone od elementu nadrzędnego. |
Szczegółowe informacje techniczne
Domyślna wartość: | auto |
---|---|
Inherdowanie: | nie |
Wersja: | CSS2 |
Gramatyka JavaScript: | object.style.pageBreakBefore="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-break-after
- Następna strona page-break-inside