哪些CSS属性允许逗号分隔值？

Question

我记得从我的开发和研究中，我没有遇到允许设置昏迷分隔值的CSS属性。或许我遇到过它们，但很少，因此不记得了。 我不是指 filter 属性值，但也欢迎注意它们。

如果你知道（CSS2,3套），请指点一下吗？如果它们存在？

在得到答案后，我将检查W3C Reference以确定它们是否存在。

示例：

selector { property: value, value, value; }

Answer 1

您真的只需要参考the property table。

任何css函数（例如rgb()）都将其参数设为CSV（即rgb(107, 203, 84)）

在CSS2中，可能通过逗号分隔的属性是：

• cursor - 如果您使用的是自定义<uri>
• font - 请参阅font-family
• font-family - 分隔每个字体系列值（即Arial, sans-serif）
• voice-family - 列出<specific-voice>或<generic-voice>个选项。

查找可能允许CSV的所有CSS3属性更具挑战性。 CSS3被视为一组模块来增强CSS2，而不是用于替换CSS2的完整规范。

CSS backgrounds and Borders Module Level 3允许以下属性支持CSV：

• background - 多个背景规则是分开的，因为所有背景子属性也可以使用CSV
• background-color
• background-image
• background-repeat
• background-attachment
• background-position
• background-clip
• background-origin
• background-size

CSS Color Module Level 3为颜色函数添加rgba()，hsl()和hsla()，所有颜色函数都使用逗号分隔的参数

CSS Text Level 3

• text-shadow

CSS Transitions Module Level 3

• transition - 与background类似，多个转换由,分隔，所有子属性也使用CSV。
• transition-delay
• transition-duration
• transition-property
• transition-timing-function

CSS Animations Module Level 3

• animation - 请参阅transition
• animation-delay
• animation-direction
• animation-duration
• animation-iteration-count
• animation-name
• animation-play-state
• animation-timing-function

cubic-bezier()功能

CSS Fonts Module Level 3

• font-feature-settings

character-variant()，styleset()，

Answer 2

其他

selector {
  font-family: "lucida grande" , tahoma, Arial;
  background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
}

Answer 3

CSS3 text-shadow和box-shadow属性：

p{

    text-shadow: 1px 1px #000, -2px -2px #fff;

}

因此，它是相同属性的单独“值”，多个文本阴影或框阴影

Answer 4

多个背景：

background: url(sheep.png) center bottom no-repeat, url(betweengrassandsky.png) left top no-repeat; 

有一些与背景有关，更像是属性，而不是直接属性。

线性渐变：

background-image: linear-gradient(bottom, rgb(184,33,91) 49%, rgb(221,60,119) 75%);

径向渐变：

background-image: radial-gradient(center center, circle contain, black 0%, blue 25%, green 40%, red 60%, purple 80%, white 100%);

同样是@ font-face src属性，但是@ font-face实际上不是一个选择器，所以对你的问题稍微偏离主题。但仍然相关。

@font-face {
  font-family: bodytext;
  src: url(ideal-sans-serif.woff) format("woff"),
       url(basic-sans-serif.ttf) format("opentype");
}

Answer 5

我在CSS中知道的唯一逗号分隔符号就是这个：

 p {
     color:rgb(0,0,255);
 }