The Font-variant property sets the font display text for small caps, which means that all lowercase letters are converted to uppercase, but all letters that use a small uppercase font have a smaller font size than the rest of the text.
The Value small-caps browser displays the font of small caps.
Grammar:
Font-variant:normal | Small-caps
Parameters:
Normal: Regular font
Small-caps: Small Caps font
Description
Sets or retrieves whether the text in the object is a small, uppercase letter.
The corresponding script attribute is fontvariant. Please refer to the other bibliography I have written.
The difference between Text-transform and font-variant of Text-transform
Both Text-transform and font-variant can convert the English text to uppercase and lowercase. But Font-variant's only role is to convert the English text into "small" uppercase text, noting that this is "small". In general, the Font-variant attribute is rarely used, and for the case conversion of English, we use the Text-transform property instead of the Font-variant property.
An instance of the Font-variant property
<! DOCTYPE HTML PUBLIC "-//w3c//dtd XHTML 1.1//en" "Www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >