mozilla

Revision 128878 of color

  • リビジョンの URL スラグ: CSS/color
  • リビジョンのタイトル: color
  • リビジョンの ID: 128878
  • 作成日:
  • 作成者: Level
  • 現行リビジョン いいえ
  • コメント +style(.cssprop), +pt; 10 words added

このリビジョンの内容

{{ CSSRef() }} {{ 英語版章題("Summary") }}

概要

color CSS プロパティは要素のテキストコンテンツの前景色を設定します。

  • {{ Xref_cssinitial() }}: ユーザエージェントに依存
  • 適用対象: すべての要素
  • {{ Xref_cssinherited() }}: する
  • 割合: N/A
  • メディア: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}: 指定値

{{ 英語版章題("Syntax") }}

構文

color:  <color> | inherit

{{ 英語版章題("Values") }}

<color>
color プロパティはさまざまなキーワードや数値記述を利用できます。詳細は {{ Xref_csscolorvalue() }} 値を参照してください。

{{ 英語版章題("Examples") }}

以下の例はすべて、要素のテキストを赤色にします:

element { color: red }
element { color: #f00 }
element { color: #ff0000 }
element { color: rgb(255,0,0) }
element { color: rgb(100%, 0%, 0%) }
element { color: hsl(0, 100%, 50%) }

/* 50% 透過, Firefox 3 からサポート */
element { color: rgba(255, 0, 0, 0.5) } 
element { color: hsla(0, 100%, 50%, 0.5) }

{{ 英語版章題("Specifications") }}

仕様

{{ 英語版章題("Browser compatibility") }}

ブラウザの互換性

color プロパティは一般的なウェブブラウザでは非常によくサポートされています。
さまざまな値に関するブラウザ互換性の表はここにあります: {{ Xref_csscolorvalue() }}.

{{ 英語版章題("Notes") }}

注記

{{ languages( { "en": "en/CSS/color", "es": "es/CSS/color", "fr": "fr/CSS/color", "pl": "pl/CSS/color", "pt": "pt/CSS/color" } ) }}

このリビジョンのソースコード

<p>{{ CSSRef() }} {{ 英語版章題("Summary") }}</p>
<h3 id=".E6.A6.82.E8.A6.81" name=".E6.A6.82.E8.A6.81">概要</h3>
<p><code>color</code> CSS プロパティは要素のテキストコンテンツの前景色を設定します。</p>
<ul class="cssprop"> <li>{{ Xref_cssinitial() }}: ユーザエージェントに依存</li> <li>適用対象: すべての要素</li> <li>{{ Xref_cssinherited() }}: する</li> <li>割合: N/A</li> <li>メディア: {{ Xref_cssvisual() }}</li> <li>{{ Xref_csscomputed() }}: 指定値</li>
</ul>
<p>{{ 英語版章題("Syntax") }}</p>
<h3 id=".E6.A7.8B.E6.96.87" name=".E6.A7.8B.E6.96.87">構文</h3>
<pre class="eval">color:  &lt;color&gt; | inherit</pre>
<p>{{ 英語版章題("Values") }}</p>
<h3 id=".E5.80.A4" name=".E5.80.A4">値</h3>
<dl> <dt>&lt;color&gt;</dt> <dd>color プロパティはさまざまなキーワードや数値記述を利用できます。詳細は<strong> {{ Xref_csscolorvalue() }} 値</strong>を参照してください。</dd>
</dl>
<p>{{ 英語版章題("Examples") }}</p>
<h3 id=".E4.BE.8B" name=".E4.BE.8B">例</h3>
<p>以下の例はすべて、要素のテキストを赤色にします:</p>
<pre class="eval">element { color: red }
element { color: #f00 }
element { color: #ff0000 }
element { color: rgb(255,0,0) }
element { color: rgb(100%, 0%, 0%) }
element { color: hsl(0, 100%, 50%) }

/* 50% 透過, Firefox 3 からサポート */
element { color: rgba(255, 0, 0, 0.5) } 
element { color: hsla(0, 100%, 50%, 0.5) }</pre>
<p>{{ 英語版章題("Specifications") }}</p>
<h3 id=".E4.BB.95.E6.A7.98" name=".E4.BB.95.E6.A7.98">仕様</h3>
<ul> <li><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color">CSS 2.1</a></li> <li><a class="external" href="http://www.w3.org/TR/css3-color/#color">CSS 3 Color #color</a> Working draft</li>
</ul>
<p>{{ 英語版章題("Browser compatibility") }}</p>
<h3 id=".E3.83.96.E3.83.A9.E3.82.A6.E3.82.B6.E3.81.AE.E4.BA.92.E6.8F.9B.E6.80.A7" name=".E3.83.96.E3.83.A9.E3.82.A6.E3.82.B6.E3.81.AE.E4.BA.92.E6.8F.9B.E6.80.A7">ブラウザの互換性</h3>
<p><code>color </code>プロパティは一般的なウェブブラウザでは非常によくサポートされています。<br> さまざまな値に関するブラウザ互換性の表はここにあります: {{ Xref_csscolorvalue() }}.</p>
<p>{{ 英語版章題("Notes") }}</p>
<h3 id=".E6.B3.A8.E8.A8.98" name=".E6.B3.A8.E8.A8.98">注記</h3>
<ul> <li>{{ Xref_csscolorvalue() }} values</li> <li><a class="external" href="http://html-color-codes.com/">VisiBone によるカラーチャート</a></li>
</ul>
<p>{{ languages( {
"en": "en/CSS/color",
"es": "es/CSS/color",
"fr": "fr/CSS/color",
"pl": "pl/CSS/color",
"pt": "pt/CSS/color" } ) }}</p>
このリビジョンへ戻す