Easy Tutorial
❮ Css3 Pr Punctuation Trim Pr Border Top Width ❯

CSS font-variant Property

Example

Set the paragraph to small caps font:


Property Definition and Usage

The font-variant property sets text to be displayed in a small-caps font, which means all lowercase letters are converted to uppercase. However, the letters using small-caps font are smaller than the rest of the text.

The font-variant property is primarily used to define small-caps text.

Default value: normal
Inherited: yes
--- ---
Version: CSS1
--- ---
JavaScript syntax: object.style.fontVariant="small-caps"
--- ---

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

Property Values

Value Description
normal Default value. The browser displays a standard font.
small-caps The browser displays a small-caps font.
inherit Specifies that the value of the font-variant property should be inherited from the parent element.

Related Articles

CSS Tutorial: CSS Font

CSS Reference: font Property

❮ Css3 Pr Punctuation Trim Pr Border Top Width ❯