CSS - Propriété quotes

Description de la propriété quotes.

La propriété quotes définit quelles seront les caractères utilisés comme marque de citation (guillemets) lorsque la propriété content est utilisée pour générer ces caractères.

Valeurs pour quotes.

• quotes: none;

  Aucun caractère n'est généré par la propriété content.

• quotes: '<' '>';

  Deux caractères entourés chacun par des apostrophes o des guillemets, et séparés par un espace. Ils seront utilisés par la propriété content comme caractère d'ouverture et de fermeture de citation.

  Il est possible d'inscrire plusieurs paires de caractères afin de faire ressortir les niveaux de citations.

  Par défaut les caractères utilisés sont les guillemets doubles.

• quotes: initial;

  La valeur initiale est '"' '"'.

• quotes: unset; quotes: inherit;

  Reportez-vous à la description générale de ces valeurs.

Astuce : les caractères « » ou “ ” ne sont pas toujours faciles à trouver sur le clavier mais vous pouvez les copier-coller à partir des exemples ci-dessous.

Simulateur.

Sur ce cadre ci-dessous nous avons appliqué les propriétés suivantes afin de générer les marques de citation avant et après le texte.

#demo::before {content:open-quote;} #demo::after {content:close-quote;}

La propriété CSS quotes permet de choisir les caractères utilisés.

(1) Serge Gainsbourg.

Voir aussi...

Ajout de contenu - Propriétés.

• content : Ajoute du contenu dans le document.
• counter-increment : Définit le pas d'incrémentation d'un compteur.
• counter-reset : Initialise un compteur.
• hanging-punctuation : Définit la ponctuation suspendue (caractères autorisés à déborder dans la marge).

Ajout de contenu - Directives.

• @charset : Indique le jeu de caractères utilisé dans la feuille de styles.
• @counter-style : Définition d'un compteur personnalisé.

Ajout de contenu - Fonctions.

• attr() : Renvoie la valeur d'un attribut.
• counter() : Renvoie la valeur actuelle d'un compteur.
• counters() : Renvoie la valeur d'un compteur hiérarchique.