We want to help developers like you. Tell us about how you work: http://qsurvey.mozilla.com/s3/Developer-Audience-Survey-V2/?s=mdn

font-variant

概要

font-variant は、フォントファミリから normal または small-caps (スモールキャップ)フェイスでの文字の描画を指示する CSS プロパティです。ショートハンドプロパティの font を用いての指定も可能です。

初期値normal
適用対象全要素. It also applies to ::first-letter and ::first-line.
継承継承する
メディアvisual
計算値指定値
アニメーションの可否不可
正規順序形式文法で定義される一意のあいまいでない順序

構文

font-variant:  normal | small-caps | inherit

normal
標準の(スモールキャップでない)フォントフェイスを指定
small-caps
フォントをスモールキャップで描画するよう指定します。スモールキャップ用のフェイスが使用できない場合は、Mozilla (Firefox) や その他のブラウザは、「小文字」を「やや小さい大文字に置換」する事でこれをシミュレートします。

"small-caps" 値は、以下のような言語固有のケースマッピング·ルールに則ります。

  • トルコ語 (tr)、アゼルバイジャン (az)、クリミアタタール (crh)、ヴォルガタタール (tt) と、バシキール (ba) などのテュルク系の言語では、 i にはドット付き、ドット無しの 2種類があり、そして大文字 / 小文字の組み合わせで、4 種類となります。i / İ / ı / I
  • ドイツ語 (de) では、ß の大文字は SS となっています。
  • ギリシャ語 (gr) では、アクセント記号付きの文字がキャピタライズ (ά から Α) される場合、最初の母音のアクセント記号は変化し、アクセント記号の位置も変わります(άι/ΑΪ)

言語は、lang HTML 属性、または、xml:lang XML 属性によって定義されます。

これらの特定のケースのサポート状況はブラウザ毎に異なります。ブラウザ実装状況の表を確認してください。

p.smallCaps {
  font-variant: small-caps;
}

仕様

仕様書 策定状況 コメント
CSS Fonts Module Level 3
The definition of 'font-variant' in that specification.
勧告候補 プロパティの拡張(※この拡張の内容はまだ当頁に反映されていません)
CSS Level 2 (Revision 1)
The definition of 'font-variant' in that specification.
勧告 変更無し
CSS Level 1
The definition of 'font-variant' in that specification.
勧告 -

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 1.0 1.0 (1.0) 4.0 3.5 1.0 (85)
ßSS ? 1.0 (1.7 or earlier) ? ? ?
iİ 」、「 ıI 未サポート 14 (14) ? ? 未サポート
ギリシャ語のアクセント記号付き文字 未サポート 未サポート 未サポート 未サポート 未サポート
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート ? ? ? ? ?
ßSS ? ? ? ? ?
iİ 」、「 ıI 未サポート 14 (14) ? ? 未サポート
ギリシャ語のアクセント記号付き文字 未サポート 未サポート 未サポート 未サポート 未サポート

関連情報

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: fscholz, Sebastianz, ethertank, sosleepy
 最終更新者: fscholz,