CSS - citations

La description

La propriété quotes est utilisée pour définir les paires de devis qui sont utilisées à chaque niveau de cotation imbriquée.

Valeurs possibles

  • <string><string> - Une paire de valeurs de chaîne qui sont utilisées pour représenter les guillemets ouverts et fermés.

  • none - Cela empêche les valeurs open-quote et close-quote sur le contenu de la propriété de générer des guillemets.

S'applique à

Tous les éléments HTML.

Exemple

Voici l'exemple -

<html>
   <head>
      <style type = "text/css">
         q {
            quotes: "<<" ">>" "<" ">";
         }
      </style>
   </head>

   <body>
      <p><q>tutorialspoint.com</q></p>
      <p><q>tutorialspoint.com <q>quote</q> inside a java.</q></p>
   </body>
</html>

Il produira le résultat suivant -

Dans un document qui doit aborder cette différence, vous pouvez utiliser la pseudo-classe: lang pour modifier les guillemets de manière appropriée. Le code suivant modifie la balise <blockquote> en fonction de la langue utilisée -

<html>
   <head>
      <style type = "text/css">
         /* Two levels of quotes for two languages*/
         :lang(en) { quotes: '"' '"'  "'"  "'"; }
         :lang(fr) { quotes: "<<" ">>" "<" ">"; }
      </style>
   </head>

   <body>
      <p>...<q lang = "fr">A quote in a paragraph</q>...</p>
   </body>
</html>

Les sélecteurs: lang s'appliqueront à tous les éléments du document. Cependant, tous les éléments n'utilisent pas la propriété quotes, donc l'effet sera transparent pour la plupart des éléments.

Il produira le résultat suivant -