css - CSS 术语：在属性值中这叫什么？

Question

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

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

或者

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

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

谢谢！

Answer 1

一般来说，它们只是被称为“<whatever> notations”；例如，请参阅规范的这一部分：

该image()功能允许作者：

• 使用媒体片段剪裁出图像的一部分
• 如果首选图像无法解码或者是浏览器无法识别的类型，请指定备用图像
• 使用纯色作为图像
• 用方向性注释图像

image()符号定义为：

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

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

它没有被特别称为任何东西。这只是价值的一部分。