font-style

Índice

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.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
font-variant 1.0 4.0 1.0 1.0 3.5

Referencias técnicas

Echa un vistazo a estas otras propiedades

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso