font-style

Resumen

La propiedad font-style permite definir el aspecto de una familia tipogr谩fica entre los valores: normal, italic (cursiva) y oblique.

Valor inicialnormal
Applies toall elements. It also applies to ::first-letter and ::first-line.
Heredableyes
Valor calculadocomo se especifica
Animation typediscrete

Sintaxis

font-style: normal;
font-style: italic;
font-style: oblique;

/* Valores globales */
font-style: inherit;
font-style: initial;
font-style: unset;

Valores

normal
Escoge un tipo de letra clasificado como normal dentro de una familia de fuente.
italic
Escoge un tipo de letra etiquetado como italic, o, si una versi贸n cursiva del tipo de letra no est茅 disponible, escoge un tipo de letra etiquetado como oblique en lugar de eso.
oblique
Escoge un tipo de letra etiquetado como oblique, o, si una versi贸n oblique del tipo de letra no est茅 disponible, escoge un tipo de letra etiquetado como italic en lugar de eso.

Sintaxis formal

normal | (en-US) italic | (en-US) oblique <angle>? (en-US)

Ejemplo

El ejemplo muestra los valores diferentes de font-style.

.normal {
  font-style: normal;
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

Ten en cuenta que no todas las fuentes tienen tipos de letra distintos para oblique y italic, si este no es el caso, los navegadores simulan el estilo que falta utilizando el tipo de letra presente. Un ejemplo de representaci贸n de una fuente con ambos tipos de letra:

Especificaciones

Especificaci贸n Estado Comentario
CSS Fonts Module Level 3
La definici贸n de 'font-style' en esta especificaci贸n.
Recommendation Sin cambio
CSS Level 2 (Revision 1)
La definici贸n de 'font-style' en esta especificaci贸n.
Recommendation Sin cambio
CSS Level 1
La definici贸n de 'font-style' en esta especificaci贸n.
Recommendation Definici贸n inicial

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Caracter铆stica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Apoyo b谩sico 1.0 1.0 (1.7 o anterior) [1] 4.0 7.0 1.0
Caracter铆stica Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Apoyo b谩sico 1.0 1.0 (1) [1] 6.0 6.0 1.0

[1] Antes de Firefox 44, Gecko no hac铆a diferencia entre oblique y italic. Desde entonces, Gecko usa el tipo de letra correcto si est谩 disponible.