CSS厂商前缀列表?

69
除了以下列表之外,还有其他用于网页开发的CSS供应商前缀吗?我的定义正确吗?对于移动浏览器(如移动Webkit),我应该更具体吗?
- khtml-(Konqueror,非常旧的Safari) - moz-(Firefox) - o-(Opera) - ms-(Internet Explorer) - webkit-(Safari,Chrome)
3个回答

104

以下是我所知道的:

  • -ms- 微软
  • mso- 微软办公室
  • -moz- Mozilla基金会(基于Gecko的浏览器)
  • -o--xv- Opera Software
  • -atsc- 高级电视标准委员会
  • -wap- WAP论坛
  • -webkit- Safari、Chrome(以及其他基于WebKit的浏览器)
  • -khtml--konq- Konqueror浏览器
  • -apple- Webkit也支持使用-apple-前缀的属性
  • prince- YesLogic
  • -ah- Antenna House
  • -hp- 惠普
  • -ro- Real Objects
  • -rim- Research In Motion
  • -tc- Tall Components

这些在CSS 2.1规范,信息部分4.1.2.2中正式列出。


1
XP1,-icab供应商前缀是用来做什么的? - Greg
2
这个列表似乎来自于W3C的CSS 2.1规范 - renoirb
@Grant 我查看了支持文档和博客,没有找到任何关于iCab独特供应商前缀的提及。 - davidcondrey
1
@dcc 实际上,它可能不存在(http://danielfriesen.name/blog/2011/01/05/css3-border-radius-and-vendor-prefix-fud/)。 - grant
“-mso”:Meta Stack Overflow? - Universal Electricity
显示剩余4条评论

1
只是一个建议,如果您打算仅添加CSS过渡效果,假设 column-count: 3; 并且您希望支持所有主要浏览器,并在此处回答中添加所有前缀,则更好、更优化的方法是使用可以为您完成此操作的工具:
a {
  column-count: 3;
  column-gap: 10px;
  column-fill: auto;
}

输出

a {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-column-fill: auto;
     -moz-column-fill: auto;
          column-fill: auto;
}

1

虽然不是直接与Web开发相关,但JavaFX也使用供应商前缀来使用CSS:-fx-


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接