color

名前:color
:<color> | inherit
初期値:UAに依存
適用対象:全ての要素
継承:する
パーセンテージ:N/A
メディア:visual(視覚的)
計算値:RGBAカラー
アニメーション:discrete(離散的)

Value(値)

inherit
親要素の値を継承します。

color は、テキストの前景色(文字色)を指定するために使います。 「currentcolor」キーワードが color プロパティに指定されている場合は「color:inherit」として扱われます。 色の指定方法はいくつかあります。例えば、ライムグリーンを指定するには以下のような方法があります。

example

em { color: lime; }              /* color キーワード */
em { color: rgb(0,255,0); }      /* RGB 0-255 */
em { color: rgb(0%,100%,0%); }   /* RGB 0%-100% */

HTML source

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   p.test1 em { color: lime; }
   p.test2 em { color: rgb(0,255,0); }
   p.test3 em { color: rgb(0%,100%,0%); }
  </style>
 </head>
 <body>
   <p class="test1"><em>color</em>キーワード</p>
   <p class="test2"><em>RGB</em>(0-255)</p>
   <p class="test3"><em>RGB</em>(0%-100%)</p>
 </body>
</html>

display

colorキーワード

RGB(0-255)

RGB(0%-100%)

colorについての参照ページ:

上に戻る