CSS Kochbuch

10.5 Sonderzeichen vor Links einfügen

Problem

Vor Links soll beim Ausdrucken eines Dokuments ein Sonderzeichen, z.B. », eingefügt werden.

Lösung

Wie bereits in „10.3 Ein Webformular für den Ausdruck aufbereiten“ gezeigt wurde, verwenden Sie im Stylesheet für die Druckausgabe das Pseudoelement :after, um den URI nach dem tatsächlichen Link einzufügen:

p a:after {
 content: attr(href);
}

Dieses Konzept erweitern wir hier, um vor dem URI das Sonderzeichen darzustellen:

p a:before {
 text-decoration: underline;
 content: "\00BB "  attr(href);
}

In der Druckausgabe wird der Link nun folgendermaßen dargestellt:

Das CSS Kochbuch » http://www.csscookbook.com/

Diskussion

Vergessen Sie nicht, dem hexadezimalen Wert einen Backslash (\) voranzustellen. Damit das Zeichen ...