Movatterモバイル変換


[0]ホーム

URL:


  1. Tecnología web para desarrolladores
  2. CSS
  3. Referencia CSS
  4. Properties
  5. font-style

Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.

View in EnglishAlways switch to English

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 propiedadfont-style permite definir el aspecto de una familia tipográfica entre los valores:normal, italic (cursiva) yoblique.

Valor inicialnormal
Applies toall elements and text. It also applies to::first-letter and::first-line.
Heredableyes
Valor calculadocomo se especifica
Animation typeby computed value type;normal animates asoblique 0deg

Sintaxis

css
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 comonormal dentro de unafamilia de fuente.

italic

Escoge un tipo de letra etiquetado comoitalic, 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 comooblique, 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

font-style =
normal|
italic|
left|
right|
oblique<angle [-90deg,90deg]>?

Ejemplo

El ejemplo muestra los valores diferentes defont-style.

html
<p>This paragraph is normal.</p><p>This paragraph is italic.</p><p>This paragraph is oblique.</p>
css
.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 paraoblique yitalic, 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

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp