CSS - citações

Descrição

A propriedade aspas é usada para definir os pares de cotação que são usados em cada nível de cotação aninhada.

Valores possíveis

<string><string> - Um par de valores de string que são usados para representar as aspas de abertura e fechamento.
none - Isso evita que os valores open-quote e close-quote no conteúdo da propriedade gerem aspas.

Aplica-se a

Todos os elementos HTML.

Exemplo

Aqui está o exemplo -

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

Isso produzirá o seguinte resultado -

Em um documento que precisa abordar essa diferença, você pode usar a pseudoclasse: lang para alterar as aspas de forma adequada. O código a seguir altera a tag <blockquote> apropriadamente para o idioma que está sendo usado -

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

Os seletores: lang serão aplicados a todos os elementos do documento. No entanto, nem todos os elementos usam a propriedade aspas, portanto, o efeito será transparente para a maioria dos elementos.

Isso produzirá o seguinte resultado -

↰ Previous page