开发者

List of CSS vendor prefixes?

开发者 https://www.devze.com 2023-02-19 02:30 出处:网络
Besides the following list, are there other CSS vendor prefixes that are important for web development? Are my definitions correct? Should I be more specific about mobile browsers (mobile Webkit, e.g.

Besides the following list, are there other CSS vendor prefixes that are important for web development? Are my definitions correct? Should I be more specific about mobile browsers (mobile Webkit, e.g.)

  • -khtml- (Konqueror, rea开发者_开发问答lly old Safari)
  • -moz- (Firefox)
  • -o- (Opera)
  • -ms- (Internet Explorer)
  • -webkit- (Safari, Chrome)

Does this list (which also contains mso-, -wap-, and -atsc-) add anything of value?


These are the ones I'm aware of:

  • -ms- Microsoft
  • mso- Microsoft Office
  • -moz- Mozilla Foundation (Gecko-based browsers)
  • -o-, -xv- Opera Software
  • -atsc- Advanced Television Standards Committee
  • -wap- The WAP Forum
  • -webkit- Safari, Chrome (and other WebKit-based browsers)
  • -khtml-, -konq- Konqueror browser
  • -apple- Webkit supports properties using the -apple- prefixes as well
  • prince- YesLogic
  • -ah- Antenna House
  • -hp- Hewlett Packard
  • -ro- Real Objects
  • -rim- Research In Motion
  • -tc- Tall Components

These are officially listed in the CSS 2.1 Specification, informative section 4.1.2.2.


While not in the direct context of web development, JavaFX uses a vendor prefix for its use of CSS as well: -fx-.


Just a suggestion, if you're planning to just prefix add a css transition, let's suppose column-count: 3; and you want support for all major browsers, and you prefix your property with all the prefixes mentioned in answers here, then a better and more optimal way would be to use a tool that do this for you:

Input

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

Output

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;
}
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号