CSS font-variant Property

Set a paragraph to a small-caps font:

p.small {
font-variant: small-caps;
}

Try it Yourself »


Definition and Usage

In a small-caps font, all lowercase letters are converted to uppercase letters. However, the converted uppercase letters appears in a smaller font size than the original uppercase letters in the text.

The font-variant property specifies whether or not a text should be displayed in a small-caps font.

Default value: normal
Inherited: yes
Animatable: no. Read about animatable
Version: CSS1
JavaScript syntax: object.style.fontVariant=”small-caps” Try it
CSS Syntax
font-variant: normal|small-caps|initial|inherit;
Property Values
Value Description
normal The browser displays a normal font. This is default
small-caps The browser displays a small-caps font
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit