CSS italic font style Property

CSS italic is a font style property that is used to decorate or style the text. There are many types of CSS font styles like CSS italic, normal, oblique, CSS bold, font-family, font-size, etc. Let’s know one by one how to make text italic in CSS.

CSS Italic Font Styles

We have examples of CSS italic property and some other font styles available, after seeing which you will know how to make text italic in CSS.

/ ***** CSS font style Property ***** /

p {
    font-size: 18px;
    font-style: italic;
    font-family: monospace;
    font-weight: 700;
    font-variant: small-caps;
}
h1{
	font-size: 30px;
    font-style: italic;
    font-family: sans-serif;
    font-weight: 700;
}


<div>
	<p>how to make text italic in css</p>
	
	<p>Learn font styles</p>
	
	<p>CSS font style Property</p>
	
	<h1>make text italic in css</h1>
</div>

CSS fonts Style Property

In the following examples, you will find different font styles like font-size, font-style, font-family, font-weight, etc.

p {
    font-size: 18px;
    font-style: italic;
    font-family: monospace;
    font-weight: 700;
	letter-spacing: 5px;
}
span{
	font-size: 20px;
    font-style: italic;
    font-family: sans-serif;
    font-weight: bold;
	letter-spacing: 5px;
}
div{
	font-size: 22px;
    font-style: italic;
    font-family: cursive;
    font-weight: 800;
	letter-spacing: 5px;
}
h1{
	font-size: 30px;
    font-style: italic;
    font-family: fantasy;
    font-weight: bold;
	letter-spacing: 5px;
}
a {
    font-size: 17px;
    font-style: italic;
    font-family: initial;
    font-weight: 600;
}

<div>
	<p>how to make text italic in css</p>
	
	<span>Learn font styles</span>
	
	<div>CSS font style Property</div>
	
	<h1>make text italic in css</h1>
	
	<a>Where is my style?</a>
</div>

Other CSS Italic Font Styles

p {
    font-size: 18px;
    font-style: normal;
    font-family: monospace;
}
span{
    font-size: 20px;
    font-style: italic;
    font-family: sans-serif;
}
h1{
    font-size: 30px;
    font-style: oblique;
    font-family: fantasy;
}

CSS font style Property

  • Normal
  • Italic
  • Oblique
  • Initial
  • Inherit
  • Unset
  • Font-size
  • Font-weight
  • Font-Family

Browser Support

  • Edge
  • Firefox
  • Internet Explorer
  • Opera
  • Safari
  • Chrome

Frequently Asked Questions

We have answers to some questions that people search on the Internet every day. Let’s know what those questions are and what their answers are.

How do I link CSS to HTML?
To link CSS with html, you can place your file inside the head tag. For example link rel = “stylesheet” href = “mystyle.css”

How do you put a full background image on HTML?
If you want to apply the full background image, then you can apply the image above your body tag. for example Background-image: url (“myimage.jpg”).

What is div in HTML?
In simple language, div is a box inside which you set your elements.

How do you underline in HTML?
With the u tag you can underline your text.

Where do I put CSS in HTML?
There are 3 ways to apply CSS, either you can link your file inside the head tag, or you can add inline CSS, or you can place your CSS on the same page with the style tag.

What is text formatting in HTML?
To make the text appear well, the text is formatted with a few HTML tags.

What is BR tag?
br tag is used to break the line.

What is the HTML code for bold?
You can use b tag and strong tag to bold your text.

Related: Best 8 examples of using CSS background position property