quotes

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

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

Exemple interactif

quotes: none;

quotes: initial;

quotes: "'" "'";

quotes: "„" "“" "‚" "‘";

quotes: "«" "»" "‹" "›";


  Show us the wonder-working Brothers, let them come out publicly—and
    we will believe in them!

q {
  font-size: 1.2rem;
}

Syntaxe

css

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

/* Chaînes de caractères */
/* Type          */
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.
[ ]+: Une ou plusieurs paires de 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.

Définition formelle

Valeur initiale	dépend de l'agent utilisateur
Applicabilité	tous les éléments
Héritée	oui
Valeur calculée	comme spécifié
Type d'animation	discrète

Syntaxe formelle

quotes = 
  auto                    |
  none                    |
  match-parent            |
  [   ]+

Exemples

HTML

html


  Bientôt le Lapin aperçut Alice qui furetait ; il lui cria d’un ton
    d’impatience :
    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.

CSS

css

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

Résultat

Spécifications

Specification
CSS Generated Content Module Level 3 # quotes

Compatibilité des navigateurs

Voir aussi

content