css - CSSの用語：これはプロパティ値で何と呼ばれますか？

Question

cssプロパティには、関数のように見える特定の値宣言があります。

background: rgba(0,0,0,0);

また

background-image: url('bg.png');

最初の部分はプロパティと呼ばれます。例：backgroundとbackground-image。一般に、2番目の部分は値と呼ばれます。しかし、括弧の外側の部分は何と呼ばれますか、例えばrgba(...)、url(...)。

ありがとう！

Answer 1

一般的に、これらは単に「<whatever>表記」と呼ばれます。たとえば、仕様のこの部分を参照してください。

このimage()関数を使用すると、作成者は次のことができます。

• メディアフラグメントを使用して画像の一部を切り取ります
• 優先画像をデコードできない場合、またはブラウザが認識しないタイプの場合に備えて、フォールバック画像を指定します
• 画像として単色を使用する
• 方向性を持って画像に注釈を付ける

表記は次のimage()ように定義されます。

<image-list> = image( [ <image-decl> , ]* [ <image-decl> | <color> ] )
<image-decl> = [ <url> | <string> | <element-reference> ]

それぞれ<string>または<url>内部は、表記が使用されたimage()かのように画像を表します。url()CSSのURLの場合と同様に、相対URLは、指定されたimage()値が計算されるときに絶対URLに解決されます（値と単位[CSS3VAL]で説明されています）。

表記もそうurl('bg.png')ですurl()。ただし、より具体的にすることができます。次のような画像を表す値：

• linear-gradient(red, white)
• url('../images/hello.png')
• radial-gradient(orange, yellow)
• cross-fade(image1, image2)

画像値と呼ばれます。rect()これは、形状値¹であるのようなものにも当てはまります。に関してはcalc()、それは一般的に表現と呼ばれていると思います。

_{¹rect()サイドバーでは、は関数とも呼ばれることに注意してください。}

Answer 2

特に何とも呼ばれていません。それはすべて価値の一部にすぎません。