font-style

Traducción en curso

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
Mediavisual
Valor calculadocomo se especifica
Animation typediscrete
Canonical orderel orden único no-ambigüo definido por la gramática formal

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 | italic | oblique

Ejemplo

El ejemplo muestra los valores diferentes de font-style.

.normal {
  font-style: normal;
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

Note that not all font have distinct faces for oblique and italic, if this is not the case, browsers are simulating the missing one by using the face that is present. An example of rendering of a font with both faces:

Especificaciones

Especificación Estado Comentario
CSS Fonts Module Level 3
The definition of 'font-style' in that specification.
Candidate Recommendation Sin cambio
CSS Level 2 (Revision 1)
The definition of 'font-style' in that specification.
Recommendation Sin cambio
CSS Level 1
The definition of 'font-style' in that specification.
Recommendation Definición inicial

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Apoyo básico 1.0 1.0 (1.7 or earlier) [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] Before Firefox 44, Gecko didn't make a different between oblique and italic. Since then, it uses the correct face, if available.

Etiquetas y colaboradores del documento

 Colaboradores en esta página: ivyixbvp, teoli, Mgjbot, Nathymig, RickieesES, HenryGR
 Última actualización por: ivyixbvp,