CSS Font Style

The font-style property is typically used to specify italic text.

HTML

<p class="italic">Welcome to PHPGurukul Programming Blog.</p>

CSS

p.italic {
    font-style: italic;
}

The font-style Property

The font-style property has three values: normal, italic, and oblique.
Oblique is very similar to italic but less supported.

HTML

<p class="normal">Welcome to PHPGurukul Programming Blog</p>
<p class="italic">Welcome to PHPGurukul Programming Blog</p>
<p class="oblique">Welcome to PHPGurukul Programming Blog</p>

CSS

.normal {
    font-style: normal;
}
p.italic {
    font-style: italic;
}
p.oblique {
    font-style: oblique;
}

The HTML <i> tag will produce exactly the same result as the italic font style.

Tags: font-style Property

Anuj Kumar

Hi, I’m Anuj Kumar, a passionate web developer with expertise in PHP, Laravel, CodeIgniter, MySQL, and Bootstrap. I enjoy building clean, responsive, and scalable web applications that address real-world challenges. I love creating student-friendly projects, sharing practical coding tips, and helping developers—especially beginners—strengthen their skills. Through this website, my goal is to simplify complex concepts, offer ready-to-use project solutions, and support the developer community with useful, hands-on resources.

CSS Font Style

You may also like...

CSS Tutorials