CSS - font-variant

トップ > CSSリファレンス > font-variant

概要

属性名 font-variant
normal | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name> [, <feature-value-name>]*) || character-variant(<feature-value-name> [, <feature-value-name>]*) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) || ruby || <caps-value> || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> ]
値の詳細 <common-lig-values> = [ common-ligatures | no-common-ligatures ] <discretionary-lig-values> = [ discretionary-ligatures | no-discretionary-ligatures ] <historical-lig-values> = [ historical-ligatures | no-historical-ligatures ] <contextual-alt-values> = [ contextual | no-contextual ] <caps-value> = [ small-caps | all-small-caps | petite-caps | all-petite-caps | titling-caps | unicase ] <numeric-figure-values> = [ lining-nums | oldstyle-nums ] <numeric-spacing-values> = [ proportional-nums | tabular-nums ] <numeric-fraction-values> = [ diagonal-fractions | stacked-fractions ] <east-asian-variant-values> = [ jis78 | jis83 | jis90 | jis04 | simplified | traditional ] <east-asian-width-values> = [ full-width | proportional-width ]
初期値normal
適用可能要素すべての要素
継承継承する
メディアVisual / Font
サポートC1 / e3 / N6 / Fx1 / Ch1 / Op3.5 / Sa1

説明

フォントの変換ルールを指定します。CSS3 では数多くの変換ルールが定義されていますが、実際に実装されているのは、まだ、CSS2 で定義された small-caps 程度のようです。

説明
small-caps小文字をすべて、小さめの大文字に変換します。

使用例

HTML
<div style="font:24pt 'Times New Roman'; font-variant:normal">Fly me to the moon ...</div>
<div style="font:24pt 'Times New Roman'; font-variant:small-caps">Fly me to the moon ...</div>
表示
Fly me to the moon ...
Fly me to the moon ...

Copyright (C) 1997-2012 杜甫々
初版:1997年7月27日、最終更新:2012年5月1日
http://www.tohoho-web.com/css/prop/font-variant.htm