Web | This Site

CSS Home
CSS Reference
Pseudo Classes & Elements
© 2011 TutorialsPoint.COM

| Home |  | References |  | Discussion Forums |  | About TP

# CSS - font-variant

## Description:

The font-variant property determines the use of one of two font faces to be used in the rendering of a given element's text.

## Possible Values:

- normal: Specifies a normal font face; that is, whatever is the default face for the font in use.
- small-caps: Specifies a small-caps face; that is, a face in which lowercase characters are rendered as capital letters which are smaller than the letters used for uppercase characters.

## Applies to:

All the HTML elements

## DOM Syntax:

object.style.fontVariant="small-caps";

## Example:

Here is the example using this property:

    <p style="font-variant:small-caps;">
    This text will be rendered as small caps
    </p>

This will produce following result:

This text will be renedered as small caps

To Become more comfortable - Do Online Practice

Advertisement

Online Image Processing

Indian Baby Names