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 | [ <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 AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 11Edge Support complet 12Firefox Support complet 1.5IE Support complet 8Opera Support complet 4Safari Support complet 9WebView Android ? Chrome Android ? Edge Mobile Support complet OuiFirefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

Légende

Support complet  
Support complet
Compatibilité inconnue  
Compatibilité inconnue

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, Sebastianz, teoli, FredB
Dernière mise à jour par : SphinxKnight,