HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座
|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > HTML4.01 講座インデックス > フォントカラー
様々なブックマークサービスがご利用頂けます。

フォントカラー

font 要素、color 属性
font 要素に、color 属性、値( RGB値 又はカラーネーム)と記述することにより、フォントカラーを指定できます。
ポイント16進数で表すRGB値
ホームページ作成にあたり使用できる色は、赤、緑、青の原色を256階調とし、その組み合わせで256×256×256＝16777216 色が使用できることになっています。
16進数で表すRGB値とは、赤、緑、青の順に16進数（ 0123456789abcdef ）を各色 2つ 並べ色調を表現する方法です。各色につき16進数が2つありますので、16×16＝256 階調が指定できます。
ポイントカラーネーム
16進数で表すRGB値は、パソコンが色を扱う為の表記のため、それを記述する人間にとって英数字の羅列では、色のイメージが困難であったため、各ブラウザが、navy ( RGBでは #000080 )などのように、人間にも色をイメージし易いように カラーネーム ( カラーコードとも言います。 )を独自に実装した機能のひとつです。
カラーネーム一覧 (新規ウィンドウが開きます。)
ソース  ソース
<font color="blue">フォントカラー：青</font>
<font color="#0000ff">フォントカラー：青(RGB値指定)</font>
表示  表　示
フォントカラー：青
フォントカラー：青(RGB値指定)
フォントサイズなどと一緒に、まとめ指定が出来ます。
ソース  ソース
<font size="3" color="red"">フォントサイズ：3、カラー：赤</font>
表示  表　示
フォントサイズ：3、カラー：赤

マーク スタイルシートでのフォントカラー指定方法
font 要素は、HTML4.0以降、「非推奨」要素とされましたので、なるべく、スタイルシートで指定するようにしましょう。
ページで非推奨要素を使用する場合、DOCTYPE宣言を、「Transitional」にします。⇒ DOCTYPE宣言
■ head 要素に記述する場合

<style type="text/css">
<!--
body { color : red }
-->
</style>

ページ全体のテキストサイズが赤になります。他の要素や、class指定も出来ます。
スタイルシートではcolor属性は、font要素が省略可能です。
■ span要素
ソース  ソース
<span style="color : red">フォントカラー：赤</span>
<span style="font-size : 12pt ; color : blue">フォントサイズ：12pt、カラー：青</span>
表示  表　示
フォントカラー：赤
フォントサイズ：12pt、カラー：青
ポイント カラーコード表はこちら

(C) いまさらHTML CSS講座 2002-2008 All right reserved