The font-variant property allows you to convert lower case letters to small capitals.
The declaration form for font-variant is
font-variant: value
The values you may use for this property are
normal and small-caps.
<p style="font-variant:small-caps">
This sentence should appear in small capital letters.
</p>
This sentence should appear in small capital letters.
Sample Stylesheet
/* small caps */
.caps { font-variant: small-caps; }
<p>
Do you like <span class="caps">small caps</span>?
</p>
Do you like small caps?
PC Screenshot (white page)
PC Screenshot (black page)
WebTV does not support the font-variant property at this time. MSIE, Firefox and Netscape do.
Joanne came up with the simple but brilliant idea of using font-size to simulate font-variant:small-caps. Simply type your text with capital letters and resize some letters with the font-size property.
Example:
<p>T<span style="font-size:85%">HIS SENTENCE HAS SMALL CAPS</span>.</p>
THIS SENTENCE HAS SMALL CAPS.
There is no assignment for this property. Call someone you love.
Happy coding!
Gnubee
