quotes: Zitate auszeichnen
Anzeige Hier werben
quotes
Wert: none, String
Standardwert: browserabhängig
Vererbung: Ja
Anwendbar auf: alle Elemente
CSS-Level: CSS1, CSS2.1, CSS3
Mit der Eigenschaft quotes lässt sich festlegen, welche Anführungszeichen und Abführungszeichen für ein Zitat dargestellt werden sollen. Damit fällt das Einfügen von entsprechenden Zeichen direkt in dem HTML-Quelltext weg.
Die Eigenschaft wird im Kontext der HTML-Elemente q und blockquote verwendet.
Syntax
Im Argument der Eigenschaft werden mit Anführungszeichen und einem Backslash maskiert die Unicode-Werte für das verwendete Zeichen eingetragen. Der erste String bestimmt das Anführungs-, der zweite String das Abführungszeichen.
1 | q { quotes: "»" "«"; }
|
Beispiele für Strings
| Zeichen | Beschreibung | Beispiel |
|---|---|---|
| "..." | Anführungszeichen |
quotes: "\0022" "\0022"; |
| '...' | Apostroph | quotes: "\0027" "\0027"; |
| ›...‹ | Einfaches gewinkeltes Anführungszeichen | quotes: "\203A" "\2039"; |
| »...« | Doppeltes gewinkeltes Anführungszeichen | quotes: "\00BB" "\00AB"; |
| ‘...’ | Einfaches Anführungszeichen links | quotes: "\2018" "\2019"; |
| “...” | Doppeltes Anführungszeichen | quotes: "\201C" "\201D"; |
| „...” | Doppeltes Anführungszeichen (link unten) |
quotes: "\201E" "\201D"; |
Beispiel
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html>
<html>
<head>
<style type="text/css">
q { quotes: "\00BB" "\00AB"; }
</style>
</head>
<body>
<p>In diesem Text steht mitten drin ein <q>Zitat</q>, ganz unglücklich und allein.</p>
</body>
</html>
|
Verwandte Eigenschaft
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 3 Personen an der Seite "quotes: Zitate auszeichnen" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "quotes: Zitate auszeichnen" hier bearbeiten.
-
hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.
-
David Danier arbeitet seit mehr als neun Jahren im Bereich Web Programmierung und ist unter anderem Geschäftsführer der Webagentur Team23 sowie Webmasterpro.de.
-
graphic, motion & web design - kernreaktor - mutter kind turnen
Fehler? Ich kann weder im FF3, Safari 3, Chrome und IE7 die Anführungszeichen im Beispiel sehen!
Ich kann weder im FF3, Safari 3, Chrome und IE7 die Anführungszeichen im Beispiel sehen!
Re: Fehler? Ich kann weder im FF3, Safari 3, Chrome und IE7 die Anführungszeichen im Beispiel sehen!
immer langsam mit den jungpferden ;)
Re: Fehler? Ich kann weder im FF3, Safari 3, Chrome und IE7 die Anführungszeichen im Beispiel sehen!
Jungpferde ist gut: "Ich könnte dein Vater sein ..." *grins*
Geändertes Beispiel funktioniert jetzt.
Eine automatische Ersetzung von "" zu den korrekten Anführungszeichen im Fließtext OHNE <q> wäre natürlich eine super Sache. Muss man aber wohl über einen Editor realisieren.