css - 「rgb（224、226、213）」が無効なプロパティ値であるのはなぜですか？

Question

なぜどのブラウザもこのカラーRGBルールを適用できないのですか？

HTML

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

CSS

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

Chrome Web Developerツールは、それが無効なプロパティ値であると言っていますが、その理由がわかりません。結果はJSFiddleで確認できます。

Answer 1

rgbとの間にスペースがありますが(、これは許可されていません。

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

いいえ、私は真剣です、そうではありません。

多くのプログラミング言語とは異なり、CSSは関数名と開き括弧の間に空白を入れることを明示的に禁止しています。これは、rgb()とだけでなく、とrgba()などの他の関数値、url()およびattr()、、などの関数疑似クラスにも適用されます。:nth-child():lang():not()

CSS2.1のセクション4.3.6を参照してください。

機能表記のRGB値の形式は、「rgb（」の後に3つの数値（3つの整数値または3つのパーセント値）のコンマ区切りリストが続き、その後に「）」が続きます。[...]数値の前後に空白文字を使用できます。

また、文法については付録Gを参照してください。正確には、次のトークン化です。これは、識別子と左括弧の間に空白が予期されていないことを明確に示しています。

{ident}"("      {return FUNCTION;}

Answer 2

後にスペースを削除する必要がありますrgb rgb(224, 226, 213)