quotes

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

Exemple interactif

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

Error: could not find syntax for this item

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

Valeur initialedépend de l'agent utilisateur
Applicabilitétous les éléments
Héritéeoui
Valeur calculéecomme spécifié
Type d'animationdiscrète

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi