
La propiedad font-style CSS especifica si una fuente debe ser normal, cursiva u oblicua. El navegador elegirá la versión más adecuada del tipo de fuente font-family
.
Funciones font-style css
Valor inicial | normal |
---|---|
Aplicado a | Todos los artículos. |
Heredable | Sí |
Móvil | No |
Valor calculado | Como se especificó. |
/* palabras reservadas */ font-style: normal; font-style: italic; font-style: oblique; /* valores globales */ font-style: inherit; font-style: initial; font-style: unset;
Una fuente en cursiva tiene algunas características de escritura a mano y generalmente ocupa menos espacio horizontal que una fuente normal, mientras que una fuente oblicua representa una versión sesgada en ángulo de una fuente normal. Cuando una versión personalizada en cursiva de la fuente no está disponible, la fuente cursiva y sesgada se verá igual.
Ejemplos y aplicaciones en código
Ejemplo de uso de la propiedad font-style
con varios valores:
< p class = "normal" > este párrafo en fuente normal </ p > < p class = "italic" > este párrafo en cursiva </ p > < p class = "oblique" > este párrafo en oblicuo </ p >
Código CSS:
.normal { font-style: normal; } .italic { font-style: italic; } .oblique { font-style: oblique; }
Asegúrese de probar el ejemplo anterior con una fuente que tenga una versión en cursiva para que el efecto de este valor sea claro.
Soporte de navegadores
Característica | Chrome | Firefox | IE | Ópera | Safari |
---|---|---|---|---|---|
Soporte básico | 1.0 | 1.0 | 4.0 | 7.0 | 1.0 |
Características generales
La propiedad acepta font-style
una de las siguientes palabras reservadas.
normal
Defina la versión normal de la fuente.
italic
Elija una versión categorizada como cursiva, y si no hay una versión en cursiva disponible, se usará la versión sesgada de la fuente oblique
, y si ambas versiones no están disponibles, la cursiva se emulará desde el navegador.
oblique
Elija una versión clasificada como oblicua, y si no hay una versión oblicua disponible, se utilizará la versión en cursiva de la fuente italic
, y si ambas versiones no están disponibles, la fuente en cursiva se simulará desde el navegador.
Estructura font-style css
font-style: normal | italic | oblique;
Consulte también
- La página de propiedades
font
que establece los valores de lasfont-weight
subpropiedadesfont-size
,font-size-adjust
yline-height
. - La página de propiedades
color
que establece el valor de color de los elementos.
- ¿Qué es el código CSS y en que se utiliza?
- Característica background-attachment en CSS
- Característica background-blend-mode en CSS
- Característica background-clip en CSS
- Característica background-color en CSS
- Característica background-image en CSS
- Característica background-origin en CSS
- Característica background-position en CSS
- Característica background-repeat en CSS
- Característica background-size en CSS
- Característica border-bottom en CSS
- Característica border-bottom-color en CSS
- Característica border-bottom-style en CSS
- Característica border-bottom-width en CSS
- Característica border-color en CSS
- Característica border-image en CSS
- Característica border-image-outset en CSS
- Característica border-image-repeat en CSS
- Característica border-image-slice en CSS
- Característica border-image-source en CSS
- Característica border-left-color en CSS
- Característica border-left-style en CSS
- Característica border-left-width en CSS
- Característica border-right en CSS
- Característica Box Sizing en CSS
- Característica box-shadow en CSS
- Característica de Border en CSS
- Característica de Opacity en CSS
- Característica del Background en CSS
- Característica del Color en el CSS
- Característica del CSS Bottom
- Característica del CSS Display
- Característica del Margin en CSS
- Característica del Overflow en CSS
- Característica del Padding en CSS
- Características align-content en CSS
- Características align-items en CSS
- Características align-self en CSS
- Características border-bottom-left-radius en CSS
- Características border-bottom-right-radius en CSS
- Características border-image-width en CSS
- Características border-left en CSS