css - 哪些 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() ,