quotes
Baseline
Ampliamente disponible
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde septiembre de 2015.
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
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-quoteyclose-quotede la propiedadcontentno renderiza marcas de cita. [<string> <string>]+-
Uno o más pares de valores
<string>paraopen-quoteyclose-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
| Especificación |
|---|
| CSS Generated Content Module Level 3 # quotes |