quotes CSS propriété

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.

Exemple de syntaxe CSS 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é quotes de 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 .
  • par la propriété CSS avec comme valeur possible open-quote (ouverture de guillemets) et close-quote (fermeture de guillemets) de la propriété CSS content.

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

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

Avis sur la page https://www.zonecss.fr/proprietes-css/quotes-css.html Votes: 4.4 / 5 - 18 votes
Cliquez sur une étoile pour voter.