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

「エラー: CSS: 背景: / は正しくない演算子です」問題について

CSS には、便利な省略表現プロパティ、background が用意されています。さまざまな背景属性の管理を簡素化します。このプロパティを使用するときは、正しい構文に従うことが重要です。この構文から逸脱すると、検証エラーが発生する可能性があります。

エラーの原因

提供された HTML では、要素の背景プロパティに「/」文字が含まれています。これは、background-position 属性とbackground-size 属性を分離します。ただし、これは CSS 構文によれば誤った演算子です。

正しい構文と説明

background-position と background-size の両方を含む、background プロパティの正しい構文

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

の内訳は次のとおりです。値:

• url(...): 背景として使用する画像を定義します。
• 100% 0: 背景の位置を指定し、画像の水平方向と垂直方向を設定します。
• /: 背景位置と背景サイズを分離します。
• 4%: 背景サイズを設定します。背景サイズ。要素のサイズに対する背景画像の幅と高さを示します。
• no-repeat: 要素全体で画像が繰り返されないようにします。

追加の注意事項

短縮表現の背景プロパティで、background-size をbackground-position と一緒に指定する必要があることに注意してください。ただし、次の例のように、background-size なしでbackground-position を指定することもできます。

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

関連問題

参考までに、同様の質問があります。別の場所で議論されています:「背景短縮プロパティの背景位置に関する問題。」

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