font-variant-caps プロパティ
font-variant-caps プロパティは、小文字のフォントを大文字に変換する CSS のプロパティで、変換方法を指定できます。 font-variant プロパティに関連するプロパティです。
font-variant-caps: all-small-caps;
大文字、小文字の区別のあるフォントで機能します。
ページ内 Index
構文(Syntax)
CSS
font-variant-caps: normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps | initial | inherit | unset ;
DOM ( JavaScript )
String = object.style.fontVariantCaps;
object.style.fontVariantCaps=" normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps | initial | inherit | unset ";
値(Values)
Value | 摘要 |
---|---|
normal | 初期値(default値)、変換しない |
small-caps | 小文字を大文字に変換 |
all-small-caps | 小文字を大文字に変換し、全て同じ大きさ |
petite-caps | 小文字をpetite capitalの表示に |
all-petite-caps | 全てをpetite capitalの表示に |
unicase | 大文字をスモールキャピタルに変換、小文字はそのまま |
titling-caps | タイトルに関するエレメントで変換 |
initial | 初期値に戻す |
inherit | 親エレメントのプロパティを継承 |
unset |
備考(Remarks)
初期値(Default value) | normal |
継承(Inherited) | Yes |
CSS Animation | No |
Example
font-variant-capsの例です。「小文字が大文字に変換されて、フォントは同じ大きさ」に指定しています。
関連するプロパティ
関連するプロパティに以下があります。
font | fontに関するプロパティの一括指定 |
font-style | 文字のスタイル |
font-variant | スモールキャップの有無 |
font-weight | 太さ |
font-size | 大きさ |
font-family | フォントファミリ |
テキストに関するプロパティには以下があります。
プロパティ | 概要 |
---|---|
line-height | 行間 |
text-align、vertical-align | テキストの配置操作 |
background{ linear-gradient() } | マーカーでラインを引いたような装飾 |