The font-variant property determines the use of one of two font faces to be used in the rendering of a given element's text.
normal − Specifies a normal font face; that is, whatever is the default face for the font in use.
small-caps − Specifies a small-caps face; that is, a face in which lowercase characters are rendered as capital letters which are smaller than the letters used for uppercase characters.
All the HTML elements.
object.style.fontVariant = "small-caps";
Here is the example using this property −
<html> <head> </head> <body> <p style = "font-variant:small-caps;"> This text will be rendered as small caps </p> </body> </html>
This will produce following result −