Stil mit {stil}

Sep 2009

Hochkommas und Anführungszeichen mit CSS

Die CSS-Eigenschaft quotes ist eine Liste von öffnenden und schließenden Anführungszeichen. So können spezielle Anführungszeichen für verschiedene Sprachen oder die Eigenschaft content gewählt werden.

Mit der Eigenschaft quotes lassen sich insbesondere die Klammern für Skript-generierte Inhalte dynamisch einsetzen.

quotes

FF2 Op7 Sa1.2 CSS2 Erblich: Ja

quotes

Werte

none | [ string string ]+

none

verhindert die Darstellung von Anführungszeichen in der content-Eigenschaft.

string string

kommt immer paarweise vor und definiert ein Paar aus öffnenden und schließenden Hochkommas. Die erste Zeichenfolge string definiert die öffnenden Hochkommas, die zweite Zeichenfolge string die schließenden Hochkommas. Jedes Anführungszeichen muss in doppelte öffnende und schließende Hochkommas gesetzt werden und darf keine Leerzeichen enthalten. Wenn Leerzeichen enthalten sind, werden sie dargestellt.

CSS für Hochkommas

q:lang(en) { quotes: """ """ "'" "'" } oder 
q:lang(de) { quotes: "»" "«" ">" "<" } 

... 
<q>Dies sind <q>eingebettete</q> Hochkommas.</q>

Darstellung

Dies sind eingebettete Hochkommas.

Und so sollte es aussehen, wenn der Browser die Eigenschaft quotes korrekt unterstützt:

Bemerkung: Die Eigenschaft wird von Safari 4 ignoriert und von Internet Explorer erst ab Version 8 unterstützt.

zurück zum Seitenanfang