CSS - virgolette

Descrizione

La proprietà quotes viene utilizzata per definire le coppie di virgolette utilizzate a ogni livello di quotazione annidata.

Possibili valori

  • <string><string> - Una coppia di valori stringa che vengono utilizzati per rappresentare le virgolette di apertura e chiusura.

  • none - Ciò impedisce ai valori open-quote e close-quote sul contenuto della proprietà di generare virgolette.

Si applica a

Tutti gli elementi HTML.

Esempio

Ecco l'esempio:

<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>

Produrrà il seguente risultato:

In un documento che deve affrontare questa differenza, puoi usare la pseudo-classe: lang per modificare le virgolette in modo appropriato. Il codice seguente modifica il tag <blockquote> in modo appropriato per la lingua utilizzata:

<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>

I selettori: lang si applicheranno a tutti gli elementi nel documento. Tuttavia, non tutti gli elementi utilizzano la proprietà quotes, quindi l'effetto sarà trasparente per la maggior parte degli elementi.

Produrrà il seguente risultato: