Ejemplo
Establecer un <p> elemento a una fuente small-caps:
document.getElementById("myP").style.fontVariant = "small-caps"; Inténtalo tú mismo " Definición y Uso
Los conjuntos o devoluciones de propiedad fontVariant si la fuente se deben mostrar en mayúsculas pequeñas.
Esto significa que todas las letras minúsculas se convierten en mayúsculas, pero las letras tendrán un tamaño de letra más pequeño en comparación con el resto del texto.
Soporte del navegador
La propiedad fontVariant es compatible con todos los principales navegadores.
Sintaxis
Devolver la propiedad fontVariant:
object .style.fontVariant
Establecer la propiedad fontVariant:
object .style.fontVariant="normal|small-caps|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| normal | La fuente es normal. Esto es por defecto |
| small-caps | El tipo de letra se muestra en letras mayúsculas pequeñas |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | normal |
|---|---|
| Valor de retorno: | Una cadena, que representa una fuente, ya sea en mayúsculas normales o pequeños |
| Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Devolver la variante de la fuente de un <p> elemento:
alert(document.getElementById("myP").style.fontVariant); Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: CSS Fuente
Referencia CSS: la propiedad font-variant
Referencia HTML DOM: font property
<Estilo de objeto