Definición de .font-variant utilizado en CSS
La propiedad .font-variant le permite cambiar el texto dirigido a capitales pequeños. Esta propiedad se ha extendido en CSS3.
Ejemplo de empleo de font-variant
Si quieres utilizar esta propiedad de CSS en tu hoja de estilos, hazlo de esta forma:
p:first-line {
font-variant: small-caps; /* default is `normal` */
}Otro ejemplo más avanzado de .font-variant es el siguiente de CODEPEN:
Sintaxis de .font-variant en CSS
font-variant: normal|small-caps|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| normal | El navegador muestra una fuente normal. esto es por defecto | |
| letras minúsculas | El navegador muestra una fuente en mayúsculas pequeñas | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .font-variant
Los números de la tabla especifican 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 |
|---|---|---|---|---|---|
| font-weight | 2.0 | 4.0 | 1.0 | 1.3 | 3.5 |
