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-caps | Similar to uppercase characters but smaller in size |
inherit | inherited from the parent |
font-variant : normal font-variant : small-caps
<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>This is a paragraph text
