quotes |
Guillemet |
|---|---|
| CSS2 |
Syntaxe
| quotes: ouvreguillemet fermeguillemet|inherit|initial|none; |
Paramètres
| Paramètre | Description |
|---|---|
| ouvreguillemet | Ce paramètre permet d'indiquer la chaîne de caractères d'ouverture de guillemet. |
| fermeguillemet | Ce paramètre permet d'indiquer la chaîne de caractères de fermeture de guillemet. |
| inherit | Ce paramètre permet d'indiquer qu'il faut hérité de la valeur de son parent. |
| initial | Ce paramètre permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété. |
| none | Ce paramètre permet d'indiquer qu'il ne faut pas afficher de caractères d'ouverture ou de fermeture de guillemet. |
Description
Cette propriété permet de fixer les types de guillemets dans une balise de citation (Q).
Remarques
- Définition des guillemets personnalisés : La propriété quotes permet de définir des guillemets personnalisés pour les citations dans un document HTML. Elle permet de spécifier les symboles de guillemets ouverts et fermés, pour les citations de niveau 1 et de niveau 2, comme par exemple : quotes: """ """ "'" "'";. Cela peut être utilisé pour personnaliser l'apparence des citations dans une langue spécifique ou pour s'adapter à la charte graphique du site.
- Gestion des guillemets imbriqués : Grâce à la propriété quotes, il est possible de définir des guillemets imbriqués, c'est-à-dire des guillemets à l'intérieur d'autres guillemets. Par exemple, si un texte contient une citation à l'intérieur d'une autre citation, la propriété quotes permet de contrôler l'apparence des guillemets externes et internes. Par défaut, les guillemets imbriqués utilisent les guillemets de niveau 2.
- Applications multilingues : La propriété quotes est particulièrement utile pour adapter les guillemets à différentes conventions typographiques selon la langue. Par exemple, en français, les guillemets peuvent être « et » pour les citations de niveau 1 et « < > » pour les citations de niveau 2, tandis qu'en anglais, les guillemets sont typiquement « " " » pour les citations externes et « ' ' » pour les citations internes.
- Utilisation avec le contenu généré : Lorsque vous utilisez la pseudo-classe ::before ou ::after avec la propriété content pour insérer des citations autour d'un texte, la propriété quotes définit quel symbole doit être utilisé pour les guillemets. Par exemple, en utilisant ::before pour ajouter des guillemets autour du contenu, vous pouvez contrôler précisément leur apparence.
- Compatibilité avec la syntaxe CSS3 : La propriété quotes fait partie des fonctionnalités introduites avec CSS3. Elle n'est donc pas prise en charge dans les versions plus anciennes des navigateurs, mais elle est désormais bien supportée dans les navigateurs modernes. Cela permet de simplifier la gestion des guillemets et des citations dans les projets récents.
- Élément typographique pour l'accessibilité : L'utilisation de guillemets appropriés selon les conventions typographiques peut améliorer l'accessibilité et la lisibilité du contenu. Par exemple, l'usage de guillemets « français » dans un texte en français est plus naturel pour les utilisateurs parlant la langue, facilitant ainsi leur lecture et compréhension du contenu.
- Interaction avec d'autres propriétés CSS : Bien que la propriété quotes affecte uniquement les citations, elle peut interagir avec d'autres propriétés CSS liées à la typographie, telles que font-family, font-size, et line-height. Par exemple, vous pourriez souhaiter modifier l'apparence des guillemets pour qu'ils soient plus petits ou d'une autre couleur pour mieux se fondre avec le style général du texte.
- Contrôle global et local des guillemets : La propriété quotes peut être définie à différents niveaux : globalement sur l'élément html pour affecter l'ensemble du document, ou localement sur des éléments spécifiques comme des paragraphes ou des blocs de citation. Cela permet une grande flexibilité pour appliquer des guillemets personnalisés selon les sections du site ou les contextes d'utilisation des citations.
Voir également
Langage de programmation - HTML - Référence des balises - Q (Citation)
Dernière mise à jour : Dimanche, le 20 décembre 2015