CSS font-variant Property

❮ Previous Complete CSS Reference Next ❯

Example

Set a paragraph to a small-caps font:

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

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.

Show demo ❯

Default value:	normal
Inherited:	yes
Animatable:	no. Read about animatable
Version:	CSS1
JavaScript syntax:	object.style.fontVariant="small-caps" Try it

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
font-variant	1.0	4.0	1.0	1.0	3.5

CSS Syntax

font-variant: normal|small-caps|initial|inherit;

Property Values

Value	Description	Demo
normal	The browser displays a normal font. This is default	Demo ❯
small-caps	The browser displays a small-caps font	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

CSS tutorial: CSS Font

CSS reference: font property

HTML DOM reference: fontVariant property