Definición de .quotes en CSS
La propiedad .quotes en CSS le permite especificar qué tipos de .quotes se usan cuando se agregan .quotes a través del contenido: Open-Quote; o contenido: cotización cercana; normas. Aquí le mostramos cómo usarlo:
Caso de empleo : propiedad CSS quotes
Si te gustaría emplear esta propiedad de CSS en tu hoja styles.css, hazlo de esta forma:
q {
quotes: "“" "”" "‘" "’";
}
q::before {
content: open-quote;
}
q::after {
content: close-quote;
}Sintaxis de .quotes en CSS
quotes: none|string|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| ninguna | Especifica que los valores de "comillas abiertas" y "comillas cerradas" de la propiedad "contenido" no generarán comillas | Demostración ❯ |
| cadena cadena cadena cadena | Especifica qué comillas usar. Los dos primeros valores especifican el primer nivel de incrustación de cotizaciones, los dos valores siguientes especifican el siguiente nivel de incrustación de cotizaciones, etc. | Demostración ❯ |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .quotes
Los números de la tabla detallan la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| resize | 4.0 | 79.0 | 5.0 4.0 -moz- | 4.0 | 15.0 |
