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

Question

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

如果你知道(CSS2,3套),你能指出吗？如果它们存在的话？

得到你的答案后,我将检查W3C参考,看看它们是否存在.

例:

selector { property: value, value, value; }

Answer 1

你真的只需要引用属性表.

任何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背景和边框模块级别3允许以下属性支持CSV:

• background - 分离多个背景规则,因此所有背景子属性也可以使用CSV
• background-color
• background-image
• background-repeat
• background-attachment
• background-position
• background-clip
• background-origin
• background-size

CSS颜色模块级别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动画模块3级

• animation - 看 transition
• animation-delay
• animation-direction
• animation-duration
• animation-iteration-count
• animation-name
• animation-play-state
• animation-timing-function

cubic-bezier() 功能

CSS字体模块级别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;

}

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