CSS の「background」プロパティが「演算子が正しくありません」エラーをスローするのはなぜですか?

無効な背景プロパティの修正: 「エラー: CSS: 背景: / は不正な演算子です」の解決

提供された HTMLスニペットには、検証時に「不正な演算子」エラーを発生させる「background」プロパティが含まれています。問題は「/」文字の存在にあり、明確にする必要があります。

背景の構文を理解する

CSS は「背景」の構文を定義します。次のような短縮プロパティ:

background: <bg-property> <bg-property> ... ;

Where ""の任意の組み合わせが可能です以下:

• 背景色
• 背景画像
• 背景位置
• ba ckground-size
• background-repeat
• background-attachment

解決「不正な演算子」エラー

提供された HTML では、次の「背景」プロパティが原因でエラーが発生します:

background: url('...') 100% 0 / 4%;

「/」文字は次のように使用されます。 「background-position」プロパティと「background-size」プロパティの間の区切り文字。ただし、HTML バリデーターは、この使用法が正しくないことを検出します。

背景構文の修正

CSS 構文によると、「background- 「position」と「background-size」は「/」文字を省略し、代わりにスペースを使用します。したがって、有効な「背景」プロパティは次のようになります。

background: url('...') 100% 0 4% no-repeat;

ここで、100% 0 は「background-position」を表し、4% は「background-size」を表します。

以上がCSS の「background」プロパティが「演算子が正しくありません」エラーをスローするのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。