このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

color”プロパティ:テキストの文字色

記事Dec. 4th,2020
要素の中のテキストの文字色を指定するプロパティ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

プロパティについて

概要

初期値 color: CanvasText;
適用対象 すべての要素
継承 Yes
パーセント値 パーセント値は指定できません
計算値 カラーネームと16進数カラーコードの場合はアルファ値が“1”のRGB値、“transparent”の場合はすべての値が“0”のRGBA値、その他の値の場合は算出された色
アニメーション 計算値

color”プロパティは要素の前景色を指定するプロパティで、指定された色は要素のテキストの色として使用されます。

color”プロパティの値は同じ要素に適用される他の<color>”値が指定可能なプロパティの値にcurrentcolorが指定された場合に間接的に使用されます。なお、“color”プロパティ自体に“currentcolor”を指定した場合は親要素の“color”プロパティの値を継承します。

color”プロパティや背景色を指定するbackground-color”プロパティの初期値はシステムカラーであり、カラー・スキームの設定によって色が変わります。一方だけを具体的な色で指定するとカラー・スキームの設定によっては文字が読みづらくなることがあります。

サンプルコード

p { color: rgb(204,153,204);}

説明
currentcolorCSS Backgrounds and Borders Module Level 3 で追加 親要素の値を継承します (inheritとみなされます。)
<color> rgb()”関数16進数カラーコードカラーネームなどで文字色を指定
共通キーワード

仕様書

定義されている仕様書
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告(REC) 作業草稿(WD)
color
定義あり

定義あり

定義あり

定義あり
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告(REC) 作業草稿(WD)
currentcolor
定義なし

定義なし

定義あり

定義あり
<color>
定義あり

定義あり

定義あり

定義あり

使用例

文字色を指定する

p { color: rgb(204,153,204);}

彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク