CSS font-style

Changing the font-style selection will determine if the font is vertical or has a degree of slant. The most commonly used variant of font-style is italic.

Syntax

font-style: <font-style-value>;

Copy to clipboard
Copy to clipboard

The font-style-value can be the following:

• normal
• italic
• oblique
• inherit
• initial

Example

normal: The text will be in its basic design. This is the default style in Cascading Style Sheets (CSS).

p {
  font-style: normal;
}

Copy to clipboard
Copy to clipboard

italic: Text will be tilted, and some characters will be replaced with a specialized tilted character (e.g. “a” to “ɑ” in the font Calibri).

p {
  font-style: italic;
}

Copy to clipboard
Copy to clipboard

oblique: It gives text a minor slant to the font without changing any characters. It is less supported and may not always be available.

p {
  font-style: oblique;
}

Copy to clipboard
Copy to clipboard

inherit: The text will take on the style used by the parent element.

p {
  font-style: inherit;
}

Copy to clipboard
Copy to clipboard

initial: Sets the text font-style to its default style, similar to normal.

p {
  font-style: initial;
}

Copy to clipboard
Copy to clipboard