例
フォントを設定し<p>要素:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
»それを自分で試してみてください 定義と使用法
フォントプロパティセットまたは短縮形で、6つの別々のフォントプロパティまで戻ります。
このプロパティを使用すると、(この順序で)以下を返す/設定することができます。
- フォントスタイル
- フォントバリアント
- フォントの太さ
- フォントサイズ
- 行の高さ
- フォントファミリー
フォントサイズやフォントファミリが必要とされています。 他の値のいずれかが欠落している場合は任意の場合、デフォルト値は、挿入されます。
上記の特性はまた、別のスタイルプロパティを設定することができます。 別のプロパティを使用することは、非常に優れた制御のための非高度な作家のために推奨されます。
ブラウザのサポート
フォントプロパティは、すべての主要なブラウザでサポートされています。
構文
フォントプロパティを返します:
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 |
その他の例
関連ページ
CSSチュートリアル: CSSフォント
CSSリファレンス: font property
<スタイルオブジェクト