Kontekst strony @page
Jak ustawić marginesy strony na wydruku?
@page { cecha: wartość }- marginesy strony: margin, margin-top, margin-right, margin-bottom, margin-left
- rozmiar papieru: size
W deklaracjach kontekstu strony nie wolno używać jednostek "em" (wysokość czcionki) ani "ex" (wysokość małej litery), ponieważ nie istnieje w nim pojęcie czcionki.
Kontekst strony definiuje wygląd samej strony - np. arkusza papieru na wydruku - a nie jej zawartości. Można w ten sposób ustawić marginesy i rozmiar strony na wydruku. Różnica pomiędzy marginesami w kontekście strony, a tradycyjnymi marginesami jest taka, że nawet jeśli standardowe marginesy zostaną wyzerowane, wydruk nadal może je posiadać. Normalnie aby zmienić rozmiar marginesów na wydruku, użytkownik musi przestawić je ręcznie w swojej przeglądarce - najczęściej w menu: Drukuj Ctrl+P). Nie wszyscy jednak potrafią to zrobić. Na szczęście możemy już w CSS wskazać wielkość marginesów na wydruku zgodnie z naszym uznaniem.
Przykład @page
Ustawienie marginesów strony na wydruku:
@page { margin: 1cm; }
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
page | 2 2009-05-21 | 19 2013-02-19 | 12 2015-07-29 | 6 2001-12-18 | 18.2 2024-12-11 |
page size | 15 2011-10-25 | 95 2021-12-07 | 79 2020-01-15 | 15 2013-07-02 | 18.2 2024-12-11 |