Definición de .font-style aplicado en CSS
La propiedad .font-style le permite hacer que el texto aparezca en cursiva (es decir, inclinado o inclinado).
Ejemplo de uso de font-style
Esta propiedad de CSS se utiliza de la siguiente manera:
em {
font-style: italic;
}
Otro ejemplo más avanzado de .font-style es el siguiente de CODEPEN:
Sintaxis de .font-style en CSS
font-style: normal|italic|oblique|initial|inherit;
Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| normal | El navegador muestra un estilo de fuente normal. esto es por defecto | |
| itálico | El navegador muestra un estilo de fuente en cursiva | |
| oblicuo | El navegador muestra un estilo de fuente oblicuo | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .font-style
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| font-variant | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |