Font Variant

The font-variant property is used to specify the font variant the browser uses to render lowercase character.

The values of font-variant are.

normal
small-capsSimilar to uppercase characters but smaller in size
inheritinherited from the parent

example
 font-variant : normal
font-variant : small-caps

snippet
<html>
<head>
<style>
p {font-style:normal;}
div {font-style:small-caps}
</style>
</head>
<body>
<p>This is a paragraph text</p>
<div>This is a text inside div</div>
</body>
</html>

Output

This is a paragraph text

This is a text inside div
Related Tutorial
3. content