CSS 术语：属性值中叫什么？

Question

在css属性中，有一些看起来像函数的值声明，例如

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

或

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

第一部分称为属性，例如background和background-image。第二部分通常称为值。但是括号外的部分叫什么，例如rgba(...)和url(...).

谢谢！

Answer 1

一般来说，它们只是被称为"<随便>符号";例如，请参阅规范的这一部分：

image()函数允许作者：

• 使用媒体片段剪裁图像的一部分
• 指定回退图像，以防首选图像无法解码或是浏览器无法识别>类型
• 使用纯色作为图像
• 使用方向性注释图像

image()表示法定义为：

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

image()中的每个<string>或<url>都代表一个图像，就像使用了url()符号一样。与CSS中的URL一样，当计算指定的image()值时，相对URL被解析为绝对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

它没有特别的叫任何东西。这一切都只是价值的一部分。