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 inicial | depends on user agent |
---|---|
Applies to | all elements |
Heredable | yes |
Valor calculado | como se especifica |
Animation type | discrete |
Sintaxis
/* 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
yclose-quote
de la propiedadcontent
no renderiza marcas de cita. [<string> <string>]+
-
Uno o más pares de valores
<string>
paraopen-quote
yclose-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
Ejemplos
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
BCD tables only load in the browser