Add a links href to printout

If I’m printing stuff out, I don’t want to see a whole load of text underlined with no reference to what it’s linking to. A nice, simple bit of added sugar to a print stylesheet (you are doing a print stylesheet, right?) is adding the URL after each link.

Here’s a quick snippet:

a[href]:after{
    content: " [" attr(href) "] ";
    font-size:80%;
}

If you hate email but still want to keep in touch, follow me on Twitter.

Guy Routledge avatar
Currently available hire me