CSS - citas

Descripción

La propiedad de cotizaciones se utiliza para definir los pares de cotizaciones que se utilizan en cada nivel de cotización anidada.

Valores posibles

<string><string> - Un par de valores de cadena que se utilizan para representar las comillas abiertas y cerradas.
none - Esto evita que los valores open-quote y close-quote en el contenido de la propiedad generen comillas.

Se aplica a

Todos los elementos HTML.

Ejemplo

Aquí está el ejemplo:

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

Producirá el siguiente resultado:

En un documento que necesita abordar esta diferencia, puede usar la pseudoclase: lang para cambiar las comillas de manera apropiada. El siguiente código cambia la etiqueta <blockquote> de forma apropiada para el idioma que se está utilizando:

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

Los selectores: lang se aplicarán a todos los elementos del documento. Sin embargo, no todos los elementos hacen uso de la propiedad quotes, por lo que el efecto será transparente para la mayoría de los elementos.

Producirá el siguiente resultado:

↰ Previous page