font-style
Baseline
Ampliamente disponible
*
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.
* Algunas partes de esta característica pueden tener distintos niveles de compatibilidad.
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 and text. It also applies to ::first-letter and ::first-line. |
| Heredable | yes |
| Valor calculado | como se especifica |
| Animation type | by computed value type; normal animates as oblique 0deg |
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
normaldentro 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 comoobliqueen 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 comoitalicen lugar de eso.
Sintaxis formal
font-style =
normal |
italic |
left |
right |
oblique <angle [-90deg,90deg]>?
Ejemplo
El ejemplo muestra los valores diferentes de font-style.
<p class="normal">This paragraph is normal.</p>
<p class="italic">This paragraph is italic.</p>
<p class="oblique">This paragraph is oblique.</p>
.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.
Especificaciones
| Especificación |
|---|
| CSS Fonts Module Level 4 # font-style-prop |