v150 · CSS · Print · demo

Safe Print Layout

The document uses @page { margin: env(safe-printable-inset, 1cm); } in the print stylesheet. The diagram below simulates the unprintable zone (hatched), the safe printable area (dashed blue), and where content lives.

Document with safe-printable-inset

This content sits inside env(safe-printable-inset). When printed on Chrome 150, the page margin automatically matches the physical printer's unprintable area.

Before this API, print stylesheets guessed at a safe margin — often 1 cm — which either cuts into the printable area unnecessarily or leaves content at risk of being clipped by the printer's paper-handling mechanism.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Unprintable zone (env(safe-printable-inset))
Safe printable area
Page content 
/* Chrome 150: @page margin adapts to the physical printer */
@media print {
  @page {
    /* env(safe-printable-inset) = the largest unprintable edge inset.
       Fallback (1cm) applies on older browsers or screen preview. */
    margin: env(safe-printable-inset, 1cm);
  }
}

/* Also usable in regular print rules */
@media print {
  .page-footer {
    /* keep footer above the unprintable bottom edge */
    margin-bottom: env(safe-printable-inset, 8mm);
  }
}

see also

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗