Stil mit {stil}

Ordentlich formulierte Links wie <a href=”http:// …”>Tipps und Tricks</a> zeigen im Druck nur den Text – so dass die ausgedruckte Seite das Ziel des Links nicht verrät.

Mit der immer noch exotischen Eigenschaft content kann das Stylesheet für den Druck die Lücke schliessen:

a:after {
   content: " (" attr(href) ") ";
   color: gray; font-size: smaller;
}

Die Regel setzt den Inhalt des href-Attributs in runde Klammern hinter den Text des Links und hebt den so generierten Inhalt durch eine kleinere graue Schrift vom Text ab.

Schöner Drucken (http://www.mediaevent.de/?p=25)

Das funktioniert in Firefox, Opera und Safari, nicht aber in Internet Explorer, der mit der Eigenschaft content auch in Version 7 immer noch nichts anfangen kann. Da IE die Eigenschaft ignoriert, geschieht aber auch nichts Schlimmes …