CSS术语：在属性值中称为什么？

Question

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

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

或

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

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

谢谢！

Answer 1

一般来说，它们只是被称为“＆lt; what＆gt; notations”;例如，请参阅this part of the spec：

  

image()功能允许作者：

     

  
• 使用媒体片段剪切图像的一部分
  
• 指定后备图像，以防首选图像无法解码或者是＆gt;浏览器无法识别
  
• 使用纯色作为图像
  
• 注释具有方向性的图像
  

     

image()表示法定义为：

     

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

     

<string>内的<url>或image()代表一张图片，就像使用了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()之类的内容，即shape value ¹ 。至于calc()，我认为这通常被称为表达式。

_{¹ 请注意，在侧栏中，rect()也称为函数。}

Answer 2

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