Welcome to Bucaro TecHelp!

Bucaro TecHelp
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Set the Font Variant

The font-variant property doesn't change the font face, and it doesn't change uppercase letters at all. The font-variant property is used to change all the lower case letters to uppercase letters in a smaller font size.

Use the font-variant property to set the font variant. Font variant values are normal or small-caps.

<p style="font-variant:normal">Font Variant Set to normal.</p>

Font Variant Set to normal.

<p style="font-variant:small-caps">Font Variant Set to small-caps.</p>

Font Variant Set to small-caps.

Setting the font-variant property to small-caps creates an interesting effect. If anyone knows of a practical application for this, please let me know.

More CSS Quick Reference:
• Set the box-sizing Property
• Use an External Style Sheet
• Set the Type of Bullet Used in List
• Set the Line Spacing
• Set the Font Slant
• Set an Element's Visibility
• CSS background-clip Property
• Set an Element's Overlap (z-index)
• Set the Text Case
• Style the First Letter

RSS Feed RSS Feed


Follow Stephen Bucaro Follow @Stephen Bucaro



Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2018 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268