quotes

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.

Sumario

La propiedad CSS quotes indica cómo debe renderizar las citas el navegador.

Valor inicialdepends on user agent
Applies toall elements
Heredableyes
Valor calculadocomo se especifica
Animation typediscrete

Sintaxis

css
/* Valor con palabras clave */
quotes: none;

/* Valor <string> */
quotes: "«" "»"; /* Especifica open-quote y close-quote a las marcas de cita francesas */
quotes: "«" "»" "‹" "›"; /* Especifica dos niveles de marcas de cita */

/* Valores globales */
quotes: inherit;
quotes: initial;
quotes: unset;

Valores

none

Los valores open-quote y close-quote de la propiedad content no renderiza marcas de cita.

[<string> <string>]+

Uno o más pares de valores <string> para open-quote y close-quote. El primer par representa el nivel más externo de citación, el segundo par es para el primer nivel anidado, el siguiente par para el siguiente nivel, y así sucesivamente.

Sintaxis formal

quotes = 
auto |
none |
match-parent |
[ <string> <string> ]+

Ejemplos

css
q {
  quotes: '"' '"' "'" "'";
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

Notas

Desde Firefox 3.5, el valor inicial de la propiedad de las citas se puede leer usando -moz-initial. Esto no es posible en versiones anteriores de Firefox.

Especificaciones

Specification
CSS Generated Content Module Level 3
# quotes

Compatibilidad con navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
quotes
auto
none

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Ver también