Inline Quotes mit deutschen Anführungszeichen mit CSS

on under asbach
1 minute read

Out Of Date Warning

This article was published on 18/01/2010, this means the content may be out of date or no longer relevant.
You should verify that the technical information in this article is still up to date before relying upon it for your own purposes.

Wenn man deutsche Anführungszeichen um einen HTML-Text setzen möchte, dann nimmt man am besten CSS mit dem Inline-Element ‘q’ (oder falls gewünscht mit blockquote)


css

q:lang(de), q {
quotes: “\201E” “\201D” “\00AB” “\00BB”;
}

q:lang(en) {
quotes: “«” “»” “’” “’”;
}
-
heißt soviel wie:

  • Level 1 Zitat umranden mit: „Zitat”
  • Zitat im Zitat umranden mit: «Zitat&»

Dabei lassen sich durch den “lang”-Selektor natürlich gleich Formatierungen fuer verschiedene Sprachen festlegen, sodass je nach Sprachversion der Nutzer ihm vertraute Zitierungen sieht.