This property is used to create text composed of capital letters (existing
capital letters will be larger than the surrounding small-capped content.)
This property will have no effect on language systems that do not use more
than one case.
Allowed Values
inherit
[CSS2] [N6|O7]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
normal
[CSS1|CSS2]
[IE4B1|N6|O3.5]
Type: Explicit
Description:
This value specifies a font that does not use a 'small-capping' effect;
all differences in case are displayed as-is using the specified font.
small-caps
[CSS1|CSS2]
[IE4B1|N6|O3.5]
Type: Explicit
Description:
This value indicates a 'small-caps' font be used for the current content
(content is composed only of capital-case letters.) If such a font is not
natively available, the effect should be simulated by the browser using
different font sizes.
CSS1 Conformance: Content which does have
capital/lower-case letter distinctions may ignore this property
(treat it as though the value were set to "normal".)
Browser Peculiarities
All
- The "inherit" value is listed in the standards for this property, although
the property is itself inherited. This means it is impossible to check
to see if this value is actually supported in any browser. Mozilla began
generally supporting "inherit" where appropriate in version 6.x, and
Opera beginning mostly in 7.x. IE does not yet support "inherit" anywhere
yet. So, for all inherited properties, support information for the
"inherit" value will be listed as beginning in these respective versions.
Internet Explorer
4.0-5.5:
- This property applies the same uniform font to both
lower- and upper-case letters. (Fixed in v6.0)
Opera
4.0x only:
- Odd bug: if a space exists after a letter that is actually capitalized
in the content run, the content after it disappears. This behavior hasn't
been checked thoroughly, but it definitely happens. It does not occur
in 3.5x or in later Opera versions.