HOME >> スタイルシート > 文字の色を指定する

point 文字の色を指定する

color:
指定できる値
RGB値で指定
#RRGGBBやRGB(n%、n%,n%)など
カラー名
redやblueなど
システムカラーで指定
スタイルシートを使って文字の色を指定するには、colorプロパティを使います。
値にはHTMLで色を指定する場合と同じように#RRGGBB(赤色は#ff0000)やカラー名(赤色はred)で色を指定したり、スタイルシートで使える新しい色の指定方法、#RGBやRGB(n%、n%,n%)などで、任意の色を指定します。

HTMLではページ全体の文字色の指定するには<BODY text="色の指定">を使い、個別に文字色を指定する場合は<FONT color="色の指定">を使って文字色を指定しましたが、スタイルシートではcolorプロパティですべての文字色を指定します。もちろん、リンクの文字色もcolorプロパティで指定します。

サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)

レベル1の見出しは、赤色です。

段落は、緑色です。

ソース
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
<STYLE type="text/css">
<!--
H1 { color:red;   }
P  { color:green; }
-->
</STYLE>
</HEAD>
<BODY>
<H1>レベル1の見出しは赤色です。</H1>
<P>段落は、緑色です。</P>
</BODY>
</HTML> 
Copyright ©2001〜2011 まさぼ〜 All Right Reserved