Appearance:
 font-variant: <value>
Possible Values:
 normal | SMALL-CAPS
Initial Value:
 normal
Applies to:
 All elements
Inherited:
 Yes

The font-variant property determines if the font is to display in normal or small-caps. SMALL-CAPS are displayed when all the letters of the word are in capitals with uppercase characters slightly larger than lowercase. Later versions of CSS may support additional variants such as condensed, expanded, small-caps numerals or other custom variants. An example of a font-variant assignment would be:

<html>
<head>
<style>
<!--
SPAN { font-variant: small-caps }
-->
</style>
</head>
<body>
<SPAN>This is the text you want to display</SPAN>
</body>
</html>

would display

This is the text you want to display

or with in-line code

<SPAN style=" font-variant: small-caps">This is the text you want to display</SPAN>

would display

This is the text you want to display