font-variant
Specifies whether to display text in small caps. The available values are 'normal' (standard) and 'small-caps'.
Sample Code
p.test { font-variant: normal;}
p.test1 { font-variant: small-caps;}
Available Values
| Value | Description |
|---|---|
| normal | Displays text in the standard font. This is the default value. |
| small-caps | Displays text in small capitals. |
Browser Display Result
<p style="font-variant: normal;">abcefgABCDEFG</p>
<p style="font-variant: small-caps;">abcefgABCDEFG</p>
Browser Compatibility
Desktop
Chrome1 and later ○
Firefox1 and later ○
Safari1 and later ○
Edge12 and later ○Supported in all versions.
IE11 ○10 ○9 ○
8 ○7 ○
6 ○
Opera3.5 and later ○
2 and earlier ×Mobile
iOS Safari1 and later ○
Android Browser4.4 and later ○3 and earlier × Chrome AndroidLatest ○Same as the desktop version.
Firefox AndroidLatest ○Same as the desktop version.
※ Version data is based on MDN.
Overview
Displays text in small capitals.
Small caps are uppercase letters rendered at the height of lowercase letters. If the font does not include a small-caps variant, nearly all browsers will scale the uppercase letters down to lowercase height.
If you find any errors or copyright issues, please contact us.
シェアする