"rgb（224,226,213）"が無効なプロパティ値であるのはなぜですか？

Question

この色のrgbルールをブラウザに適用できないのはなぜですか？

HTML

<header> 
    <h1>Header</h1> 
</header> 

CSS

header h1 { 
    background-color: red; 
    color: rgb (224, 226, 213); 
} 

Chromeウェブ開発者ツールは、それが無効なプロパティ値ですが、私は理由を理解することができないことを私に語っています。結果はJSFiddleです。

Answer 1

あなたが許可されていませんrgbと(間、持っている：いいえ、私は深刻だ

header h1 { 
    background-color: red; 
    color: rgb(224, 226, 213); 
} 

を、そうではありません。

多くのプログラミング言語とは異なり、CSSは明示的に関数名と開始括弧の間に空白を含むことを禁じています。これは、rgb()およびrgba()にだけでなく、url()およびattr()のような他の機能値、ならびに:nth-child(),:lang()および:not()のような機能的擬似クラスにも当てはまります。

述べた、section 4.3.6 of CSS2.1を参照してください。

の機能表記のRGB値のフォーマットは、3つの数値（いずれかの3つの整数値または三のカンマ区切りリストが続く「RGB（」でありますパーセント値）の後に '）'が続きます。 [...]数値の前後に空白文字を使用できます。

とも明確に空白が識別子と左括弧の間で期待されていないことを示して文法、正確には、次のトークン化のためのAppendix Gを参照してください：あなたはrgbの後にスペースを削除する必要がある

{ident}"("  {return FUNCTION;} 

Answer 2

rgb(224, 226, 213)