The cover of The Complete Idiot's Guide to Create a Web Page The Complete Idiot's Style Sheets Reference

| Index | Current Category: Fonts |
| Previous Style: font-style | Next Style: font-weight |


font-variant

Formats text as small caps (lowercase letters appear as uppercase, but in a smaller font than existing uppercase letters).

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported
Notes:
  • Although Internet Explorer supports this style, it doesn't do a very good job of it. That is, it just formats all the text in the same size uppercase letters.
Possible Values:
normal
Does not format the text with small caps.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

small-caps
Formats the text as small caps.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later Not supported

Example:
You can allegedly format text as 
<SPAN STYLE="font-variant: small-caps"> Small Caps</SPAN>.
How It Looks:
You can allegedly format text as Small Caps.

| Index | Current Category: Fonts |
| Previous Style: font-style | Next Style: font-weight |