Inline Quotes mit deutschen Anführungszeichen mit CSS

18th January 2010 – 84 words

Wenn man deutsche Anführungszeichen um einen HTML-Text setzen möchte, dann nimmt man am besten CSS mit dem “Inline-Element ‘q’“:http://www.w3schools.com/css/pr_gen_quotes.asp (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.