Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

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.

quotes :
Le snobisme, c'est une bulle de champagne qui hésite entre le rot et le pet. (1)

(1) Serge Gainsbourg.

Voir aussi...

Ajout de contenu - Propriétés.

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.