Scholar Repository
Home>Manual>CSS Font-variant Property

CSS Font-variant Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS font-variant property


CSS Reference Complete CSS Reference


Definition

The font-variant property is used to display text in a small-caps font, which means that all the lower case letters are converted to uppercase letters, but all the letters in the small-caps font have a smaller font-size compared to the rest of the text.

Inherited: Yes


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.fontVariant="small-caps"

In our HTML DOM tutorial you can find more details about the fontVariant property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

p
{
font-variant: small-caps
}

Possible Values

Value Description
normal Default. The browser displays a normal font
small-caps The browser displays a small-caps font



Try-It-Yourself Demos

Set the variant of the font
This example demonstrates how to set the variant of a font.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Font-variant Property