La propriété quotes indique la façon dont les agents utilisateurs doivent afficher les marques indiquant les citations.

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

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple11121.5849
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple ? ? Oui ? ? ? ?

Voir aussi

Étiquettes et contributeurs liés au document

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