quotes

Übersicht

Die quotes CSS Eigenschaft gibt an, wie User Agents Anführungszeichen darstellen sollen.

Initialwert	hängt vom User Agent ab
Anwendbar auf	alle Elemente
Vererbt	Ja
Medien	visuell
Berechneter Wert	wie angegeben
Animationstyp	diskret
Kanonische Reihenfolge	die eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

/* Schlüsselwortwert */
quotes: none;

/* <string> Werte */
quotes: "«" "»"         /* Setzt open-quote und close-quote auf französische Anführungszeichen */
quotes: "«" "»" "‹" "›" /* Setzt zwei Ebenen von Anführungszeichen */

/* Globale Werte */
quotes: inherit;
quotes: initial;
quotes: unset;

Werte

none: Die open-quote und close-quote Werte der content Eigenschaft erzeugen keine Anführungszeichen.
[<string> <string>]+: Ein oder mehrere Paare von <string> Werten für open-quote und close-quote. Das erste Paar stellt die äußere Ebene des Zitats dar, das zweite Paar das erste Unterebene, das nächste die dritte Ebene usw.

Formale Syntax

none | [ <string> <string> ]+

Beispiele

q { quotes: '"' '"' "'" "'" }
q:before { content: open-quote }
q:after  { content: close-quote }

Hinweise

Seit Firefox 3.5 kann der ursprüngliche Wert der quotes Eigenschaft über -moz-initial gelesen werden. Dies war in früheren Versionen von Firefox nicht möglich.

Spezifikationen

Spezifikation	Status	Kommentar
CSS Level 2 (Revision 1) Die Definition von 'quotes' in dieser Spezifikation.	Empfehlung	Ursprüngliche Definition

Browser Kompatibilität

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android Webview	Chrome für Android	Edge Mobile	Firefox für Android	Opera für Android	Safari auf iOS	Samsung Internet
`quotes`	Chrome Vollständige Unterstützung 11	Edge Vollständige Unterstützung 12	Firefox Vollständige Unterstützung 1.5	IE Vollständige Unterstützung 8	Opera Vollständige Unterstützung 4	Safari Vollständige Unterstützung 9	WebView Android Vollständige Unterstützung 37	Chrome Android Vollständige Unterstützung 18	Edge Mobile Vollständige Unterstützung Ja	Firefox Android Vollständige Unterstützung 4	Opera Android ?	Safari iOS ?	Samsung Internet Android ?

Legende

Vollständige Unterstützung: Vollständige Unterstützung
Kompatibilität unbekannt: Kompatibilität unbekannt

Siehe auch

content