Przejdź do treści

Drukowanie

Przełamanie strony

(interpretuje: Internet Explorer, Firefox, Opera, Chrome)

  1. Przed elementem:
    selektor { page-break-before: wartość }
  2. Po elemencie:
    selektor { page-break-after: wartość }
Selektorem może być znacznik wyświetlany w bloku [zobacz: Wstawianie stylów].

Natomiast jako "wartość" należy podać:
  • always - przełamanie zawsze
  • auto - brak ograniczeń
  • left - następna strona formatowana jako lewa
  • right - następna strona formatowana jako prawa
  • avoid - unikanie przełamania (nie interpretuje MSIE 4)

Wartości left, right, avoid nie są interpretowane jednoznacznie przez Internet Explorer. Natomiast działa poprawnie polecenie always.

Polecenie to wymusza na drukarce natychmiastowe przełamanie strony, czyli zakończenie drukowania na danym arkuszu papieru i przejście do następnego. Pierwsze z nich czyni to przed wybranym elementem (wybranym przez SELEKTOR), a sam element znajdzie się już na nowej kartce. Natomiast drugie polecenie przełamuje stronę po elemencie, a sam element zostaje na poprzedniej kartce.

Polecenie takie jest przydatne, jeśli strona składa się z rozdziałów, których tytuły są wpisane np. w znacznikach <h1>...</h1>. Możemy wtedy np. w zewnętrznym arkuszu stylów umieścić deklarację:

h1 { page-break-before: always }
lub z podaniem klasy:
h1.tytul { page-break-before: always }

Dzięki temu każdy rozdział rozpocznie się na nowej stronie, co sprawi, że treść będzie wyglądała bardziej estetycznie. Takie rozwiązanie nie jest jednak zbyt odpowiednie, jeśli strona zawiera bardzo krótkie rozdziały, ponieważ wtedy wydruk będzie składał się większej ilości stron, które nie będą całkowicie zapełnione (właściciel drukarki może nie być tym zachwycony :-)

Innym przydatnym zastosowaniem page-break-after: avoid może być zablokowanie przełamania strony po tytułach rozdziałów. Kto to widział, żeby tytuł znajdował się na końcu poprzedniej strony, a sama treść rozdziału na początku następnej? Niestety jeśli wydrukujesz ten kurs, najprawdopodobniej tak właśnie może się zdarzyć, ponieważ np. Internet Explorer nie interpretuje wartości "avoid" :-(

Aby zobaczyć efekt, nie musisz za każdym razem drukować całej strony. Wystarczy włączyć w przeglądarce internetowej podgląd wydruku (menu Plik).

Komentarze

Zobacz więcej komentarzy