Propiedad quotes

La propiedad quotes asigna a un fragmento de texto un tipo específico de comillas. Las comillas se añaden automáticamente al texto dentro de la etiqueta <q>.

Sintaxis

cssselector {
  quotes: tipo-comilla-izquierda tipo-comilla-derecha o none o inherit;
}

Valores

Valor	Descripción
`"`	Comilla doble, se utiliza normalmente en fuentes monoespaciadas, para denotar el símbolo de pulgada, y también segundos de arco.
`'`	Apostrofe. Símbolo de minutos de arco, en latín se utiliza para denotar el signo blando.
`«`	Comilla angular doble de apertura.
`»`	Comilla angular doble de cierre.
`‘`	Comilla simple de apertura.
`’`	Comilla simple de cierre.
`“`	Comilla doble de apertura en textos en inglés o comilla de cierre para el idioma ruso
`”`	Comilla doble de cierre en textos en inglés.
`„`	Comilla doble de apertura. Se utiliza en ruso.
`none`	No se añaden comillas.
`inherit`	Hereda el valor del elemento padre.

Ejemplo

Vamos a asignar a nuestra cita comillas angulares dobles y color de fuente azul claro:

html<body>
  <p>This is a <q>quoted text</q>.</p>
</body>

cssp {
  font-size: 1.5em;
}
q {
  font-style: italic;
  color: #467CBC;
  quotes: '«' '»';
}

Результат: