CSS/Eigenschaften/generierter Inhalt/quotes

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft quotes erlaubt es, verschiedene Darstellungsoptionen für Anführungszeichen festzulegen.

  • IE 8
  • Firefox
  • Chrome
  • Safari
  • Opera
Beispiel: Anführungszeichen mit quote festlegen
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> q { quotes: "<«" "»" "‹" "›"; } </style> <title>Anführungszeichen mit quote festlegen</title> </head> <body> <p><q>Dies ist ein Zitat.</q></p> <p><q>Dies ist ein <q>Zitat</q> innerhalb eines Zitats.</q></p> </body> </html>

Folgende Angaben sind möglich:

  • none
  • string string: Die ersten zwei Werte geben an, welche Anführungszeichen verwendet werden sollen. Die nächsten 2 geben Anführungszeichen für Zitate innerhalb von Zitaten an, usw.
  • initial
  • inherit

Zeichen für Anführungszeichen[Bearbeiten]

Ergebnis Beschreibung Hexadezimalnotation Entity
" Doppeltes Anführungszeichen 0022 &#34;
' Einfaches Anführungszeichen 0027 &#39;
Angewinkeltes einfaches Anführungszeichen, links 2039 &#8249;
Angewinkeltes einfaches Anführungszeichen, rechts 203A &#8250;
«  Angewinkeltes doppeltes Anführungszeichen, links 00AB &#171;
» Angewinkeltes doppeltes Anführungszeichen, rechts 00BB &#187;
Einfaches Anführungszeichen, links (single high-6) 2018 &#8216;
Einfaches Anführungszeichen, rechts (single high-9) 2019 &#8217;
left quote (double high-6) 201C &#8220;
right quote (double high-9) 201D &#8221;
double quote (double low-9) 201E #8222;
Empfehlung: Diese Anführungszeichen lassen sich auf der Tastatur teilweise nur schwer darstellen.

Wenn Sie als Zeichenset UTF-8 verwenden, können Sie die Zeichen einfach kopieren.

Ansonsten verwenden Sie die Hexadezimalnotation mit einem Backslash (\) davor.

Siehe auch[Bearbeiten]