Atributo font-variant de CSS
- página anterior font-style
- Página siguiente font-variant-caps
Definición y uso
La propiedad font-variant configura la visualización del texto en minúsculas mayúsculas, lo que significa que todas las letras minúsculas se convertirán a mayúsculas, pero las letras en minúsculas mayúsculas tendrán un tamaño de fuente más pequeño en comparación con el resto del texto.
Descripción
Esta propiedad se utiliza principalmente para definir texto en minúsculas mayúsculas. Teóricamente, el agente de usuario puede calcular la fuente en minúsculas mayúsculas a partir de la fuente normal.
Véase también:
Tutoriales recomendados:CSS tipografía
Manual de Referencia de CSS:Atributo font de CSS
Manual de Referencia de HTML DOM:Propiedad fontVariant
Ejemplo
Configura el párrafo con una fuente en minúsculas mayúsculas:
p.small { font-variant:small-caps; }
Sintaxis de CSS
font-variant: normal|small-caps|initial|inherit;
Valor de la propiedad
Valor | Descripción |
---|---|
normal | Valor predeterminado. El navegador mostrará una fuente estándar. |
small-caps | El navegador mostrará una fuente en minúsculas mayúsculas. |
inherit | Se especifica que la propiedad font-variant debe ser heredada del elemento padre. |
Detalles técnicos
Valor predeterminado: | normal |
---|---|
Herencia: | sí |
Versión: | CSS1 |
Sintaxis de JavaScript: | object.style.fontVariant="small-caps" |
Ejemplo TIY
- Configuración de la variante de la fuente
- Este ejemplo muestra cómo configurar la variante de la fuente.
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente la propiedad.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- página anterior font-style
- Página siguiente font-variant-caps