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 inicial | normal |
---|---|
Applies to | all elements. It also applies to ::first-letter and ::first-line . |
Heredable | yes |
Valor calculado | como se especifica |
Animation type | discrete |
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 unafamilia 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 comooblique
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 comoitalic
en lugar de eso.
Sintaxis formal
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
BCD tables only load in the browser
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 |