Définition de la CSS quotes.
La propriété de Guillemets CSS quotes permet de de spécifier le type guillemet à mettre autour d'une citation.
quotes :.mes-guillemets{ quotes : "'" "'" "<" ">" }
.mes-guillemets:before{ content : open-quote }
.mes-guillemets:after{ content : close-quote }La propriété de feuille de style quotes CSS peut prendre une/des valeurs suivantes :
- bloc descriptif de guillemets : deux blocs de double ou simple quotte espacés d'un espace et contenant dans l'ordre, la valeur du guillemet d'ouverture puis la valeur du guillemet de fermeture.
-
none: aucune quotte. -
auto: prend les valeurs du guillemet par défaut, valeur par défaut. -
inherit: hérite de la propriétéquotesde son parent.
La propriété de Guillemets CSS quotes ne fait que spécifier le type de guillemets à utiliser. L'introduction des guillemets se fait soit :
- par une balise qui ajoute automatiquement des guillemets, par exemple
Q. - par la propriété CSS
contentavec comme valeur possibleopen-quote(ouverture de guillemets) etclose-quote(fermeture de guillemets) de la propriété CSScontent.
Conditions d'application de la CSS quotes.
La propriété de feuille de style quotes CSS est applicable sur toutes les balises HTML ou XHTML.
La propriété de Guillemets CSS quotes n'a pas équivalence en HTML ou XHTML.
Héritage des valeurs Css de quotes.
Les balises filles HTML ou XHTML héritent de la propriété CSS quotes.
Problème d'interprétation de quotes en Css.
La propriété de feuille de style quotes pose des problèmes d'interprétation.
Règles de syntaxes CSS pour quotes.
Tables des guillemets autorisés pour quotes
La propriété CSS quotes accepte comme type de guillemet :
| Rendu | ISO 10646 code (hex) | Description |
|---|---|---|
| " | \0022 | Marque de citation ou guillemet double |
| ' | \0027 | Apostrophe ou guillemet simple |
| < | \2039 | Marque de citation chevron simple gauche |
| > | \203A | Marque de citation chevron simple droite |
| « | \00AB | Guillemet français ouvrant |
| » | \00BB | Guillemet français fermant |
| ` | \2018 | Guillemet anglais ouvrant simple ou apostrophe typographique |
| ' | \2019 | Guillemet anglais fermant simple |
| `` | \201C | Guillemet anglais ouvrant double |
| '' | \201D | Guillemet anglais fermant double |
| ,, | \201E | Guillemet double bas |
Ecriture de la propriété CSS quotes
Vous pouvez mettre comme valeur plusieurs "blocs descriptifs de guillemets" séparés par un espace.
Chaque "bloc descriptif de guillemets" représente un niveau profondeur de balises (X)HTML filles.
Par exemple pour la valeur "«" "»" "<" ">" "'" "'" :
- le premier "bloc descriptif de guillemets" (
"«" "»") correspond à la balise ciblée, - le second "bloc descriptif de guillemets" (
"<" ">") correspond à ses balises filles directes, - le troisième "bloc descriptif de guillemets" (
"'" "'") correspond à ses balises filles directes de ces balises filles, - etc..
Le dernier "bloc descriptif de guillemets" s'applique à tous ses niveaux inférieurs.
Compatibilités navigateurs de la propriété quotes
- Détails des versions de la CSS quotes
- Propriété
quotesest compatible avec CSS2 et plus.
Votre avis sur la définition quotes en CSS
Votez pour la définition CSS quotes
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 4.4 / 5 - 18
votes
Cliquez sur une étoile pour voter.