最新のWeb開発のチュートリアル
 

Style fontVariant Property

<スタイルオブジェクト

設定し<p>スモールキャップフォントに要素を:

document.getElementById("myP").style.fontVariant = "small-caps";
»それを自分で試してみてください

定義と使用法

fontVariantプロパティセットまたはフォントが小さい大文字で表示するかどうかを返します。

これは、すべての小文字が大文字に変換されますが、文字がテキストの残りの部分に比べて小さいフォントサイズを持っていることを意味します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

fontVariantプロパティは、すべての主要なブラウザでサポートされています。


構文

fontVariantプロパティを返します:

object .style.fontVariant

fontVariantプロパティを設定します。

object .style.fontVariant="normal|small-caps|initial|inherit"

プロパティ値

説明
normal フォントは正常です。 これがデフォルトです
small-caps フォントは小さな大文字で表示されます
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: ノーマル
戻り値: 正常または小さな大文字のいずれかのフォントを表す文字列、
CSSのバージョン CSS1

その他の例

フォントバリアント戻る<p>要素を:

alert(document.getElementById("myP").style.fontVariant);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSSフォント

CSSリファレンス: フォントバリアントプロパティ

HTML DOMリファレンス: font property


<スタイルオブジェクト