font-styleinitial

The browser displays an initial font style which is the default.

Syntax: 

font-style: initial;

Example: This example illustrates the font-style whose value is set to initial.

HTML
<!DOCTYPE html>
<html>
<head>
    <title> CSS | font-style Property </title>
    <style>
    p.a {
        font-style: initial;
    }
    </style>
</head>

<body>
    <h1>w3wiki</h1>
    <h3>Initial font-style Property</h3>
    <p class="a">w3wiki</p>

</body>
</html>

Output:

CSS font-style Property

The CSS font-style property is used to style text in a normal, italic, or oblique face from its font-family. This property helps to assign importance and decorate specific text, enhancing the overall user experience. The font-style property is an essential tool in CSS for designing and styling text effectively.

Syntax:  

font-style: normal|italic|oblique|initial|inherit;

Property values: 

  • normal: This is the default value for the font-style property, displaying normal font text.
  • italic: Displays the text in italic.
  • oblique: Specifies an angle for the slant of the text, displayed as oblique in the browser.
  • initial: Sets the font to its default value.
  • inherit: Inherits the current property value from its parent element.

We will discuss all the font-style properties through the examples. Let’s begin with the normal font-style property.

Similar Reads

1. font-style: normal:

Browser will display normal font text it is the default value....

2. font-style: italic:

This is used for making font in italic....

3. font-style:oblique:

The browser displays an oblique font style....

4. font-style:initial:

The browser displays an initial font style which is the default....

5. font-style:Inherit:

This inherits property from its parent element....

Conclusion

The CSS font-style property is a fundamental aspect of web design, allowing developers to control the appearance of text on their webpages. Whether you need to emphasize text with italic or oblique styles, or simply maintain a normal font appearance, understanding and utilizing the font-style property is crucial. By mastering this property, you can enhance the visual appeal and readability of your web content. For more information and examples, refer to our comprehensive CSS tutorial and explore additional CSS properties to elevate your web design skills....