font-variant

Browser Internet Explorer Netscape Opera Safari Firefox
Version 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Supported Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes

Short information
CSS CSS1
Default value normal
Inherited Yes
Applied To all elements
HTML analog No
Reference to specification http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant

Description
This parameter defines how it is necessary to represent either lower case letters to leave them without updates or to do all of them capital the reduced size. Such way of symbols change is called a capital.

Syntax

font-variant: normal | small-caps

Arguments
normal
It leaves the register of symbols initial, set by default.
small-caps
It modifies all lower case symbols as header the reduced size.

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>font-variant</title>
  <style type="text/css">
   H1 {
    font-variant: small-caps; /* Set small caps for the title */
   } 
  </style>
 </head>
 <body> 
 
  <h1>Duis te feugifacilisi</h1>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
  nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
  Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit 
  lobortis nisl ut aliquip ex ea commodo consequat.</p>
 
 </body>
</html>

The result of this example is shown on the figure 1


Object model

[window.]document.getElementById("elementID").style.fontVariant