English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
fuente-El atributo variant configura la visualización del texto con fuentes de mayúsculas pequeñas, lo que significa que todas las letras minúsculas se convertirán a mayúsculas, pero las letras que utilizan la fuente de mayúsculas pequeñas serán más pequeñas en comparación con el resto del texto
La tabla siguiente proporciona la descripción de uso y el historial de versiones de este atributo, así como la sintaxis de uso en el script de javascript.
| Valor predeterminado： | normal |
|---|---|
| Adecuado para： | Todos los elementos |
| Herencia： | Sí |
| Animable: | No.Vea también Atributo de animación。 |
| Versión： | CSS 1，2，3 |
La sintaxis de este atributo es la siguiente：
fuente-variant: normal | small-caps | initial | inherit
El siguiente ejemplo muestra cómo usar font-Atributo variant.
p {
fuente-variant: small-caps;
}Prueba aquí‹/›La tabla siguiente describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| normal | Especificar la fuente normal. |
| small-caps | Especificar la fuente de caracteres en minúsculas. Si no se puede usar la fuente en minúsculas, el navegador simulará esta variante, utilizando la fuente normal, reemplazando las letras minúsculas con letras mayúsculas reducidas. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento relacionado utiliza su elemento padre font-El valor del atributo variant. |
Nota： En small-En las fuentes caps, las letras minúsculas se ven similares a las mayúsculas, pero son más pequeñas y la proporción es ligeramente diferente.
fuente-La compatibilidad del navegador del atributo variant, los números en la tabla siguiente representan la versión mínima de los navegadores que admiten esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Consulte la siguiente instrucción：Fuente CSS，Texto CSS。
Atributos y reglas relacionados：fuente，fuente-style，fuente-weight，fuente-size，line-height，fuente-family，@font-face。