| Inherited | Initial | Version |
|---|---|---|
| Yes | normal |
CSS1, 2 |
| IE5.5+ | FF1+ | Saf3 | Op9.2+ |
|---|---|---|---|
| Full | Full | None | Full |
Syntax
Description
font-variant
sets the font variant that will be used for the text content of an
element.
Small-caps fonts are fonts in which lowercase letters appear as smaller versions of the corresponding uppercase letters.
Example
This style rule makes
h1 headings render with small-caps:
h1 {
font-variant: small-caps;
}Value
normal- The value
normalspecifies a font that is not a small-caps font. small-caps- The value
small-capsspecifies a font that is a small-caps font. CSS2.1 allows a user agent to use scaled-down versions of uppercase letters in lieu of true small-caps lowercase letters, and even to use ordinary uppercase letters as a replacement.
Compatibility
| Internet Explorer | Firefox | Safari | Opera | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 1.0 | 1.5 | 2.0 | 1.3 | 2.0 | 3.0 | 9.2 | 9.5 |
| Full | Full | Full | Full | Full | Full | None | None | None | Full | Full |
In Internet Explorer
for Windows versions up to and including 7, setting
font-variant to small-caps causes
the values lowercase and
uppercase for the text-transform
property to behave as if they were set to none. The
computed intrinsic height of an inline box will be incorrect for
small-caps text if the text consists solely of lowercase letters, and
contains no whitespace or punctuation characters.
Internet Explorer for Windows versions up to and
including 7 don’t support the value inherit.
Safari versions up to and including 3 don’t support this property.
User-contributed notes
- ID:
- #2
- Date:
- Mon, 27 Oct 2008 15:50:37 GMT
Safari 3.1.2 supports font-variant.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.