Search within TutorialsPark

CSS font-variant Property

To specify whether or not the text should be displayed in small-caps font

Definition and Notes.

1. The CSS font-variant property defines whether the text is set in the small-caps(lower case) style or not.

2. The browser can convert the any font to its small-caps, even if the variant is not available in the font.


CSS font-variant property. internetexplorer safari firefox opera chrome

View in Splitscreen»


Note-Notice that, with small-caps all the characters are in uppercase, but the first character is slightly bigger in size.

Property Values

Value Description
normal To font is displayed in a normal way. This is the default
small-caps The text is displayed in small-caps(lower case) font
inherit The values are inherited from the parent element.


Specs Value
Name font-variant
Value small-caps| normal | inherit
Initial Value Normal
Applies to all elements
Javascript syntax"small-caps"
Inherited Yes
Computed Value Same as declared Value.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.