言語
日本語
English

Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

CSS辞典

  1. トップページ
  2. CSS辞典
  3. 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>

対応ブラウザ

Chrome Chrome
1 以降
Firefox Firefox
1 以降
Safari Safari
1 以降
Edge Edge
12 以降
全バージョンで対応しています
IE IE
11
10
9
8
7
6
Opera Opera
3.5 以降
2 以前 ×
iOS Safari iOS Safari
1 以降
Android Android Browser
4.4 以降
3 以前 ×
Chrome Android Chrome Android
最新版
デスクトップ版と同等の対応です
Firefox Android Firefox Android
最新版
デスクトップ版と同等の対応です

※ バージョン情報は MDN に基づいています。

概要

フォントをスモールキャピタルで表示できます。

スモールキャピタルとは小文字の高さで作られた大文字の事です。表示しているフォントにスモールキャピタルが用意されていない場合、ほぼ全てのブラウザで大文字を小文字の高さに縮小させて表示してくれます。

記事の間違いや著作権の侵害等ございましたらお手数ですがまでご連絡頂ければ幸いです。