Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

quotes

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

Valeur initialedépend de l'agent utilisateur
Applicabilitétous les éléments
Héritéeoui
Médiavisuel
Valeur calculéecomme spécifié
Animablenon
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

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

[<string> <string>]+ | none

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 Statut Commentaires
CSS Level 2 (Revision 1)
La définition de 'quotes' dans cette spécification.
Recommendation Définition initiale

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple 11 1.5 8.0 4.0 9.0
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple ? ? ? ? ?

Voir aussi

Étiquettes et contributeurs liés au document

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