v150 · CSS · Print
Printer Compare
Three margin strategies — hardcoded too small, hardcoded generous, and env(safe-printable-inset) — rendered side by side. Drag the printer margin slider to simulate cheap vs enterprise printers and see which strategies keep content safe.
Checking CSS env() parsing support…
Printer's unprintable margin:
8 mm
(typical home printer: 5–8 mm · strict laser: 12–18 mm · enterprise: 3–5 mm)
Strategy A — Hardcoded 5mm
CSS:
@page { margin: 5mm; }Effective margin: —
—
Strategy B — Hardcoded 20mm
CSS:
@page { margin: 20mm; }Effective margin: —
—
Strategy C — env(safe-printable-inset, 1cm)
CSS:
@page { margin: env(safe-printable-inset, 1cm); }Effective margin: —
—
| Printer margin | Strategy A (5mm) | Strategy B (20mm) | Strategy C (env) |
|---|
see also
- Safe Print Layout — full document with safe area
- Print Margin Inspector — read env() value live
- Stylesheet Generator — build @page CSS
references
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗