javaScript

Webブラウザの色を変える

プロパティって

前回の記事で、メソッドについて触れました。今回は、オブジェクトのもう1つの要素である。プロパティ(属性)について書きます。

プロパティは、値の読出し・書き換えができるものと、読出しだけが可能なものがあります。

documentオブジェクトには、fgColorbgColorというプロパティがあります。前者は、ブラウザの文字の色を。後者は背景色を管理するプロパティです。どちらも書き換えることができます。たとえば、bgColorを「blue」と指定すると、背景色を青に変更できます。

色の指定方法について

fgColor,bgColorプロパティで色を指定する場合、「blue」「white」というように名前で指定する方法と16進数で数値指定する方法があります。

数値で指定するには、光の3原色である赤(Red)、緑(Green)、青(Blue)の値であるRGB値を、00~ffまでの値の16進数で順番に指定します。

例:

名前で指定 16進数
white #ffffff
black #000000
黄色 yellow #ffff00
blue #0000ff

名前で指定する場合と同様に、数値で指定するときも、値をダブルクォーテーション「"」で囲みます。次に背景色を黒に、前景色を黄色に設定する場合は下記のようにします。

document.bgColor = "#000000"; //背景色を黒
document.fgColor = "#ffff00"; //前景色を黄色

-javaScript
-