font-variant Attribute | fontVariant Property

Gets or sets whether the text of the object is in small capital letters.

Syntax

CSS	{ font-variant : sVariant }
Scripting	[ sVariant = ] object.style.fontVariant

Possible Values

sVariant

String that specifies or receives one of the following values. normal Default. Font is normal. small-caps Font is in small capital letters.

The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has a default value of normal. The Cascading Style Sheets (CSS) attribute is inherited.

DHTML expressions can be used in place of the preceding value(s). As of Internet Explorer 8, expressions are supported in IE7 Standards mode and IE5 (Quirks) mode only. For more information, see About Dynamic Properties and Defining Document Compatibility.

Remarks

Microsoft Internet Explorer 4.0 renders small-caps as uppercase letters in a smaller size.

Examples

The following examples use the font-variant attribute and the fontVariant property to change the font to small capitals.

This example uses P as a selector in an embedded (global) style sheet to set the font style to small-caps in all paragraphs.

Copy

<P STYLE="font-variant:small-caps">

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/font-variant.htm

This example uses inline scripting to set the font style to small-caps when an onmousedown event occurs.

Copy

<DIV onmousedown="this.style.fontVariant='small-caps'">

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/fontVariant.htm

Standards Information

This property is defined in Cascading Style Sheets (CSS), Level 1 (CSS1).

Applies To

A, ADDRESS, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CSSStyleDeclaration, currentStyle, CUSTOM, DD, defaults, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FORM, hn, HTML, I, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, ISINDEX, KBD, LABEL, LEGEND, LI, LISTING, MARQUEE, MENU, OL, P, PLAINTEXT, PRE, runtimeStyle, S, SAMP, SMALL, SPAN, STRIKE, STRONG, style, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP, CSSCurrentStyleDeclaration Constructor, CSSRuleStyleDeclaration Constructor, CSSStyleDeclaration Constructor

See Also

font