Die Eigenschaft content zur Darstellung des Linkziels

Für Verzeichnisse, Linksammlungen und nicht zuletzt für das Druckstylesheet: Mit der Eigenschaft content und der Pseudoeigenschaft after ist es ohne Markup möglich, das Linkziel darzustellen.


a.clink:after {
   	content: " (" attr(href) ") ";
   	color: #5C1;
	font-size: 0.78em;
}

So sieht’s aus.

Ausgedruckt per passendem Print-Stylesheet erscheint dann hinter dem Anchor Text (Verweistext) die Url, die ansonsten nicht sichtbar wäre. Die Sache funktioniert nicht im IE, der content ignoriert und folglich nur den Anchor Text darstellt.

Kommentar schreiben