Inline Quotes mit deutschen Anführungszeichen mit CSS

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)

1
2
3
4
5
6
7

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.

  • Gepostet am 18. Januar 2010
  • getaggt mit  CSS