font-variant

The display of text elements such as headings, notes, and paragraphs are controlled by the Font Properties. This is the most common type of formatting used with Style Sheets. There are five font properties, as listed below. Each font property has its own array of values. • font-style Sets the font style (ie: italic) • font-variant Sets the font case (upper, lower, small-caps) • font-weight Sets the font to lighter or bolder • font-size Sets the font size • font-family Sets the type of font (font face) used font-variant This property is used to switch between normal and small case text within the document. font-variant values: normal variant If the font-variant has been set to small-caps, this statement will change the text to the normal or regular font, and is the default property setting. syntax: {font-variant: normal} small-caps variant If the font-variant has been set to normal, or not at all (since the normal font-variant is the default), this statement will change the text to display lower case letters as a smaller version of the upper case letters of the font used. If a small-caps version of the font is not included with the font, the browser will sometimes use scaled-down versions of the upper case letters as small-caps. syntax: {font-variant: small-caps} EXAMPLES: H3 {font-variant: small-caps} This statement will set all instances of the heading level H3 to small-caps style. Body EM {font-variant: small-caps} This statement will set all instances of the text within the EM (emphasis, simliar to BOLD) tag to small-caps style.