compartecodigo.com

Imprimir la dirección de un link con CSS es una práctica muy recomendable. Si cuando nos imprimimos un artículo (ya sea en papel o en PDF) no podemos saber a dónde apunta cada enlace estamos perdiendo información que puede resultar importante.

Para conseguir que la URL de destino aparezca al lado del texto enlazado cuando realicemos una impresión tenemos que asignar primero un CSS para impresión de la siguiente manera:

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

En nuestro print.css solamente tendremos que asignar a los enlaces la siguiente propiedad de CSS2 (teniendo en cuenta que esta propiedad únicamente se verá en navagadores que soporten estar versión de CSS, en caso de que no la soporten, no aparecerá nada y tampoco tendremos ningún resultado negativo):

a:link:after, a:visited:after {
  content: " (" attr(href) ") ";
}