Home

Display links

@media print {
    a::after {
        content: ' (' attr(href) ') ';
    }
}

<!-- Normal mode -->
<a href="https://getfrontend.tips">Front-End Tips</a>

<!-- Print mode -->
<a href="https://getfrontend.tips">Front-End Tips (https://getfrontend.tips)</a>

Change size of print paper

https://pagedjs.org/documentation/5-web-design-for-print/ https://developer.mozilla.org/en-US/docs/Web/CSS/@page/size

style.css

@media print {
  /* Use A4 paper in landscape orientation */
  @page {
    size: A4 landscape;
  }
}