String.prototype.fontcolor()

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

fontcolor() は String 値のメソッドで、この文字列を 要素に埋め込み (str)、この文字列が指定されたフォント色で表示されるようにする文字列を生成します。

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

構文

fontcolor(color)

引数

color

16 進数の RGB 値または文字列リテラルで色を表す文字列です。 CSS 色リファレンスに、色名の文字列リテラルの一覧があります。

返値

開始タグ （color の中の二重引用符は " に置き換えられます）、str のテキストが来て、終了タグ が来る文字列です。

解説

fontcolor() メソッド自体は、単純に文字列の部品を検証や正規化せずに接続するだけです。しかし、妥当な 要素を作成するには、16 進数の RGB で表現する場合は、 rrggbb の書式を使用する必要があります。例えば、サーモン色は red=FA, green=80, blue=72 であるため、サーモン色の RGB 値は "FA8072" です。

例

fontcolor() の使用

以下のコードは、 HTML 文字列を生成し、それで文書の本体を置き換えます。

js
const contentString = "Hello, world";

document.body.innerHTML = contentString.fontcolor("red");

これにより、次の HTML が生成されます。

html

Hello, world

警告: このマークアップは不正です。font は有効な要素でなくなったためです。

fontcolor( ) を使用して HTML テキストを直接作成する代わりに、 CSS を使用してフォントを操作するべきです。例えば、 element.style 属性を使用して color を操作することができます。

document.getElementById("yourElemId").style.color = "red";

仕様書

Specification

ECMAScript® 2027 Language Specification
# sec-string.prototype.fontcolor

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2025年11月8日 by MDN contributors.

View this page on GitHub • Report a problem with this content

String.prototype.fontcolor()

In this article

構文

引数

返値

解説

例

fontcolor() の使用

仕様書

ブラウザーの互換性

関連情報

Help improve MDN