CSS para impresión: Un truco para mostrar los enlaces

Un “truco” para mostrar en la versión impresa los enlaces mediante CSS y su propiedad :after:

 a[href]:after {
   content: " (Enlace " attr(href) ")";
   display: block;
   color: blue;
   text-decoration: none;
 }

Esto hará que un texto enlazado al imprimirse muestre justo al lado un “(Enlace http://)” en azul, esto puede ser muy útil no sólo para tus webs si no para otras:

1. Copias la web y su CSS
2. Añades el trozo de código del CSS de arriba
3. Imprimes y también se imprimirán los enlaces :-P

Un comentario (feed)

1. Enrique nos comenta:
   

   Muchas gracias. La verdad es que mi asignatura pendiente, (una de ellas), son las hojas de estilo para impresión, por ello, gracias de nuevo.

   Viernes, 25 de Agosto/2006 @ 12:51

Comentarios cerrados