quotes

La propriété quotes indique la façon dont les marques de citation sont affichées.

Syntaxe

/* Valeur avec un mot-clé */
quotes: none;

/* Chaînes de caractères */
/* Type <string>         */
quotes: "«" "»";           /* On utilise les guillemets français
                              pour ouvrir et fermer une citation  */
quotes: "«" "»" "‹" "›";   /* On définit deux niveaux de citation */

/* Valeurs globales */
quotes: inherit;
quotes: initial;
quotes: unset;

Valeurs

none
Les valeurs open-quote et close-quote de la propriété content n'entraînent aucune marque de citation.
[<string> <string>]+
Une ou plusieurs paires de <string> pour les valeurs open-quote et close-quote. La première paire représente les symboles utilisés pour les citations de plus haut niveau, la deuxième indique comment délimiter une citation dans une citation, la troisième paire permet d'ajouter un niveau d'imbrication supplémentaire et ainsi de suite.

Syntaxe formelle

none | auto | [ <string> <string> ]+

Exemples

HTML

<p>
  <q>Bientôt le Lapin aperçut Alice qui furetait ; 
  il lui cria d’un ton d’impatience : 
    <q>Eh bien ! Marianne, que faites-vous ici ? 
    Courez vite à la maison me chercher une paire
    de gants et un éventail ! Allons, dépêchons-nous.
    </q>
  </q>
</p>

CSS

q { 
  quotes : "«" "»" '"' '"';
}

Résultat

Spécifications

Spécification État Commentaires
CSS Generated Content Module Level 3
La définition de 'quotes' dans cette spécification.
Version de travail  
CSS Level 2 (Revision 1)
La définition de 'quotes' dans cette spécification.
Recommendation Définition initiale
Valeur initialedépend de l'agent utilisateur
Applicabilitétous les éléments
Héritéeoui
Médiavisuel
Valeur calculéecomme spécifié
Type d'animationdiscrète
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
quotesChrome Support complet 11Edge Support complet 12Firefox Support complet 1.5IE Support complet 8Opera Support complet 4Safari Support complet 9WebView Android Support complet 37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android ? Safari iOS Support complet 9Samsung Internet Android ?
auto keywordChrome Aucun support Non
Notes
Aucun support Non
Notes
Notes This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Edge Aucun support Non
Notes
Aucun support Non
Notes
Notes This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Firefox Support complet 70IE Aucun support Non
Notes
Aucun support Non
Notes
Notes This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Opera Aucun support Non
Notes
Aucun support Non
Notes
Notes This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Safari Aucun support Non
Notes
Aucun support Non
Notes
Notes This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
WebView Android Aucun support Non
Notes
Aucun support Non
Notes
Notes This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Chrome Android Aucun support Non
Notes
Aucun support Non
Notes
Notes This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Firefox Android Aucun support NonOpera Android Aucun support Non
Notes
Aucun support Non
Notes
Notes This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Safari iOS Aucun support Non
Notes
Aucun support Non
Notes
Notes This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Samsung Internet Android Aucun support Non
Notes
Aucun support Non
Notes
Notes This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi