JavaScriptのdocument.fgColorとは?文字色の取得・変更方法を初心者向けに解説
document.fgColor は、HTML ドキュメント全体の文字色(前景色)を取得・変更するためのプロパティです。
現在ではあまり使われませんが、JavaScript の基礎を理解するうえで知っておくと役立ちます。
document.fgColorとは?
document.fgColor は、ページ全体の文字色(foreground color)を参照・設定するためのプロパティです。
document.fgColor = “#808080”;
colorValue = document.fgColor;
指定できる色の形式:
- 色名(例:
"red"、"blue") - 16進数カラーコード(例:
"#808080") - RGB値(例:
"rgb(255,0,0)")※一部ブラウザでは非対応
このプロパティを使えば、ユーザーの選択や時間帯に応じて文字色を変えるといった動的な演出も可能です。
使用例
例1:文字色をグレーに変更する
→ ページ全体の文字色がグレーになります。
例2:現在の文字色を取得する
→ 現在設定されている文字色が変数 fgColor に代入されます。
前景色(foreground color)とは?
文字色は「前景色(foreground color)」と呼ばれ、背景色(background color)と対になる概念です。
fgColor は foreground color の略で、
ページ内の文字の色を指しています。
現代では非推奨のプロパティ
document.fgColor は古い仕様で、現在の Web 開発ではほとんど使用されません。
代わりに、CSS を使って文字色を変更するのが一般的です。
→ こちらの方が現代的で推奨される方法です。
まとめ
document.fgColorはページ全体の文字色を取得・変更するプロパティ- 色名・16進数カラーコードなどで指定できる
- foreground color(前景色)の略
- 現在は CSS を使う方法が推奨される