Caution
お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。
- トップページ
- CSSプロパティ辞典
- font-variant
font-variant
フォント(文字)を『スモールキャピタル』(スモールキャップ)で表示するかどうかを指定できます。設定できる値は『normal』(標準)、『small-caps』(スモールキャピタル)です。
サンプルコード
p.test { font-variant: normal;} p.test1 { font-variant: small-caps;}
指定可能な値一覧
値 | 概要 |
---|---|
normal | 標準のフォントで表示します。これが初期値です。 |
small-caps | フォントを『スモールキャピタル』で表示します。 |
ブラウザでの表示結果
<p style="font-variant: normal;">abcefgABCDEFG</p>
<p style="font-variant: small-caps;">abcefgABCDEFG</p>
対応ブラウザ
IE6 | IE7 | IE8 | IE9 | IE10 | IE11 | Safari | Chrome | Firefox | Opera |
---|---|---|---|---|---|---|---|---|---|
iPhone Safari | Android2系 標準ブラウザ | Android4系 標準ブラウザ |
---|---|---|
概要
フォントをスモールキャピタルで表示できます。
スモールキャピタルとは小文字の高さで作られた大文字の事です。表示しているフォントにスモールキャピタルが用意されていない場合、ほぼ全てのブラウザで大文字を小文字の高さに縮小させて表示してくれます。
記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。