font-style
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.
* Some parts of this feature may have varying levels of support.
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
| Specification |
|---|
| CSS Fonts Module Level 4 # font-style-prop |
Compatibilidad con navegadores
Loading…