mozilla
Your Search Results

    color

    概要

    color CSS プロパティは要素のテキストコンテンツやその装飾の前景色(<color> 値)を設定します。要素のそれ以外の特徴には影響しません。実際には text-color と呼ばれるべきで、これまでの経緯や CSS1での登場がなければ、そう命名されていたでしょう。

    <color> 値は、CSS3 以降の透明色値を含むことのできる、均等色 (uniform color) の一つでなければなりません。<color> 値は、CSS の <画像> である <グラデーション> を表すことはできません。

    • 初期値 Varies from one browser to another
    • 適用対象 全要素
    • 継承 継承する
    • メディア visual
    • 計算値 If the value is translucent, the computed value will be the rgba() corresponding one. If it isn't, it will be the rgb() corresponding one. The transparent keyword maps to rgb(0,0,0).
    • アニメーションの可否 可。color の値として補完します。
    • 正規順序 形式文法で定義される一意のあいまいでない順序

    構文

    color: <color> | inherit

    <color>
    color 値はさまざまなキーワードや数値記述を利用できます。詳細は <color>を参照してください。

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

    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% 透過 */
    element { color: rgba(255, 0, 0, 0.5) } 
    element { color: hsla(0, 100%, 50%, 0.5) }
    

    仕様

    仕様書 策定状況 コメント
    CSS Transitions 草案 color をアニメーション可能として定義
    CSS Color Module Level 3 勧告 system-color を非推奨化;  SVG color を追加; rgba(), hsl(), hsla() 関数記法を追加
    CSS Level 2 (Revision 1) 勧告 orange color とsystem-color を追加
    CSS Level 1 勧告  

    ブラウザ実装状況

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
    基本サポート 1.0 1.0 (1.7 or earlier) 3.0 3.5 1.0
    機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    基本サポート 1.0 1.0 (1) 6.0 6.0 1.0

    関連情報

    ドキュメントのタグと貢献者

    Contributors to this page: Level, sosleepy, ethertank, Marsf
    最終更新者: ethertank,
    サイドバーを隠す