CSS font-style

Demo

The CSS font-style property is used to set the style of the font to italic or oblique.

If no italic or oblique face is available, oblique faces can still be rendered artificially by the browser. However, this should be used cautiously, as some fonts don't render well if there isn't an italic or oblique face available. Also, this artificial rendering can be disabled with the font-synthesis property.

Tip: Use the font property to set the most common font properties in one place.

Syntax

font-style: <value>

Possible Values

  • normal
  • italic
  • oblique
  • inherit

Initial Value

normal

Applies To

All elements

Inherited?

Yes

Media

Visual

Example Code

p {
  font-style: italic;
  }