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

Style font Property

<スタイルオブジェクト

フォントを設定し<p>要素:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";
»それを自分で試してみてください

定義と使用法

フォントプロパティセットまたは短縮形で、6つの別々のフォントプロパティまで戻ります。

このプロパティを使用すると、(この順序で)以下を返す/設定することができます。

  • フォントスタイル
  • フォントバリアント
  • フォントの太さ
  • フォントサイズ
  • 行の高さ
  • フォントファミリー

フォントサイズやフォントファミリが必要とされています。 他の値のいずれかが欠落している場合は任意の場合、デフォルト値は、挿入されます。

上記の特性はまた、別のスタイルプロパティを設定することができます。 別のプロパティを使用することは、非常に優れた制御のための非高度な作家のために推奨されます。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


構文

フォントプロパティを返します:

object .style.font

フォントプロパティを設定します。

object .style.font=" font-style font-variant font-weight font-size/line-height |caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

プロパティ値

説明
style フォントスタイルを設定します。
variant スモールキャップフォントでテキストを設定します。
weight フォントの太さを設定します。
size フォントのサイズを設定します。
lineHeight 線間の距離を設定します。
family フォントフェースを設定します。
caption 表題コントロールに使用されるフォント(like buttons, drop-downs, etc.)
icon アイコンにラベルを付けるために使用されるフォント
menu メニューで使用するフォント
message-box ダイアログボックスで使用するフォント
small-caption 小さなコントロールで使用するフォント
status-bar ウィンドウのステータスバーで使用するフォント
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 指定されていない
戻り値: 要素の異なるフォントプロパティを表す文字列、
CSSのバージョン CSS1

その他の例

フォントを返します<p>要素を:

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

関連ページ

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

CSSリファレンス: font property


<スタイルオブジェクト