String.prototype.fontsize()

非推奨: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

fontcolor() メソッドは、文字列を <font> 要素に埋め込み (<font size="...">str</font>)、文字列が指定されたフォントサイズで表示されるようにする文字列を生成します。

メモ: HTML ラッパーメソッドはすべて非推奨となっており、互換性目的のみで標準化されています。fontsize() の場合、<font> 要素は HTML5 で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は CSS プロパティを使用してください。

構文

js
fontsize(size)

引数

size

1 ~ 7 の整数、または 1 ~ 7 の符号付き整数を表す文字列です。

返値

開始タグ <font size="size">size の中の二重引用符は &quot; に置き換えられます)、str のテキストが来て、終了タグ </font> が来る文字列です。

解説

fontsize() メソッド自体は、単純に文字列の部品を検証や正規化せずに接続するだけです。しかし、妥当な <font> 要素を作成するには、大きさを整数で指定した場合は、 str のフォントの大きさを 7 つの定義済みの大きさで設定します。 size を "-2" または "+3" のような文字列で指定すると、 str のフォントの大きさを既定値からの相対的な大きさで設定します。

fontsize() の使用

以下の例では文字列のメソッドを使用して、文字列の大きさを変更しています。

js
const worldString = "Hello, world";

console.log(worldString.small()); // <small>Hello, world</small>
console.log(worldString.big()); // <big>Hello, world</big>
console.log(worldString.fontsize(7)); // <font size="7">Hello, world</font>

element.style オブジェクトを使用すると、要素の style 属性を使用して、次のようにもっと汎用的に操作することができます。

js
document.getElementById("yourElemId").style.fontSize = "0.7em";

仕様書

Specification
ECMAScript Language Specification
# sec-string.prototype.fontsize

ブラウザーの互換性

BCD tables only load in the browser

関連情報