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
logotipo bisign
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Para más información, por favor echa un vistazo a nuestra política de privacidad