Whether or not text should be displayed in a small-caps font.
Syntax font-variant: normal | small-caps | inherit ;
normal - Normal text.
small-caps - Display with small capitals.
inherit - Inherit from the parent element.
Examples:
h1 { font-variant: small-caps; }
#emw3id { font-variant: small-caps; }
.emw3class {
font-variant: small-caps; }
Try it:
A common misconception – unfortunately reinforced by CSS – is that a small cap is just a regular capital letter scaled uniformly down to a smaller size. A proper typographical small cap is a carefully crafted glyph that differs in significant ways from a simple scaling down of a capital letter. |
(CSS 1) Browser Support: All major browsers
“Beauty itself is but the sensible image of the Infinite” ~ Francis Bacon
Related:
font-family - Font family for text.
font-size - Font size of text.
font-style - Font style for text.
font-weight - Normal, bold, bolder.
font - Shorthand to set the font properties above in one declaration.
Letter-Spacing - Increase or decrease the space between characters.