Okładka wydruku @page :first
Jak wyzerować marginesy na okładce wydruku?
@page :first { cecha: wartość }Jako cecha i wartość można wstawić jedną lub więcej deklaracji odpowiednich dla kontekstu strony.
Na pierwszej stronie wydruku często znajduje się okładka, która różni się wizualnie od pozostałych stron. Na przykład może ona zawierać grafikę rozpościerającą się na całej powierzchni kartki bez żadnych marginesów. Taki efekt pozwala uzyskać pseudoklasa :first, dzięki której możemy ustawić marginesy na okładce inne niż na pozostałych stronach wydruku - np. wyzerować je. Trzeba jednak zdawać sobie sprawę, że większość typowych drukarek nie pozwala zadrukować całej powierzchni papieru, więc jakieś minimalne marginesy zawsze pozostaną - jak duże zależy od konkretnego modelu drukarki.
Przykład @page :first
Wydruk z okładką:
@page { margin: 1cm; } @page :first { margin: 0; }
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
:first | 18 2012-03-28 | 116 2023-08-01 | 12 2015-07-29 | 9.2 2007-04-11 | 6 2012-07-25 |