1. Home
  2. スタイルシート CSS
  3. テキスト・フォント
  4. 文字色を指定する

文字色を指定する


color: ***;


color は、文字色を指定するプロパティです。



strong {
color: #ff0000;
}


プロパティ名 説明
color 色のコードまたはネーム

色の指定については、CSSの色指定をご覧ください。

【参考】

文書全体の文字色を指定する場合は、body要素に対してこのスタイルを指定します。

body {
background-color: #ffffff;
color: #000000;
}

メモ

文字色を指定する場合は、同時に背景色も指定しておくようにします(文字色だけを指定すると、ユーザーの環境によっては文字が見づらくなってしまうため)。指定方法の詳細は「関連ページ」をご覧ください。


使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

body {
background-color: #efefef;
color: #000000;
}

p.example1 { color: #ff0000; }
p.example2 { color: #008000; }

</style>

</head>
<body>

<p>このテキストは黒で表示されます。</p>
<p class="example1">このテキストは赤で表示されます。</p>
<p class="example2">このテキストは緑で表示されます。</p>

</body>
</html>

表示例

このテキストは黒で表示されます。

このテキストは赤で表示されます。

このテキストは緑で表示されます。


テキスト・フォント

ページの先頭へ