このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
String.prototype.fontcolor()
非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
fontcolor() はString 値のメソッドで、この文字列を<font> 要素に埋め込み (<font color="...">str</font>)、この文字列が指定されたフォント色で表示されるようにする文字列を生成します。
メモ:HTML ラッパーメソッドはすべて非推奨となっており、互換性目的のみで標準化されています。fontcolor() の場合、<font> 要素は HTML 仕様書から除去されており、今後使用するべきではありません。代わりにウェブ開発者はCSS プロパティを使用してください。
構文
fontcolor(color)引数
color16 進数の RGB 値または文字列リテラルで色を表す文字列です。CSS 色リファレンスに、色名の文字列リテラルの一覧があります。
返値
開始タグ<font color="color"> （color の中の二重引用符は" に置き換えられます）、str のテキストが来て、終了タグ</font> が来る文字列です。
解説
fontcolor() メソッド自体は、単純に文字列の部品を検証や正規化せずに接続するだけです。しかし、妥当な<font> 要素を作成するには、16 進数の RGB で表現する場合は、rrggbb の書式を使用する必要があります。例えば、サーモン色は red=FA, green=80, blue=72 であるため、サーモン色の RGB 値は "FA8072" です。
例
fontcolor() の使用
以下のコードは、 HTML 文字列を生成し、それで文書の本体を置き換えます。
const contentString = "Hello, world";document.body.innerHTML = contentString.fontcolor("red");これにより、次の HTML が生成されます。
<font color="red">Hello, world</font>警告:このマークアップは不正です。font は有効な要素でなくなったためです。
fontcolor( ) を使用して HTML テキストを直接作成する代わりに、 CSS を使用してフォントを操作するべきです。例えば、element.style 属性を使用してcolor を操作することができます。
document.getElementById("yourElemId").style.color = "red";仕様書
| Specification |
|---|
| ECMAScript® 2026 Language Specification # sec-string.prototype.fontcolor |