quotes
La propriété quotes
indique la façon dont les marques de citation sont affichées.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
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
etclose-quote
de la propriétécontent
n'entraînent aucune marque de citation. [<string> <string>]+
- Une ou plusieurs paires de
<string>
pour les valeursopen-quote
etclose-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
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 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 |
Compatibilité des navigateurs
BCD tables only load in the browser
Pour contribuer à ces données de compatibilité, vous pouvez envoyer une pull request sur ce dépôt: https://github.com/mdn/browser-compat-data.