69

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, really 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?

Volker E.
  • 5,911
  • 11
  • 47
  • 64
theazureshadow
  • 9,499
  • 5
  • 33
  • 48

3 Answers3

104

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.

Knu
  • 14,806
  • 5
  • 56
  • 89
Greg
  • 33,450
  • 15
  • 93
  • 100
  • Wow, nice list. I haven't thought of Prince in a while! I'm particularly interested in web development, so perhaps we could split the ones (like Prince) that wouldn't be viewed in a web context. In what context is `-xv-` an opera extension? I hadn't even heard of that one. – theazureshadow Mar 23 '11 at 20:47
  • nice list! +1 for question and answer – clairesuzy Mar 23 '11 at 22:56
  • When you look in the computed styles in Opera Dragonfly, `-xv-` appears to be voice related: [http://img46.imageshack.us/img46/2715/operadragonflystylevend.png](http://img46.imageshack.us/img46/2715/operadragonflystylevend.png). Also see here for documentation: [http://stackoverflow.com/questions/6028362/browser-specific-css-attributes](http://stackoverflow.com/questions/6028362/browser-specific-css-attributes). – XP1 Feb 14 '12 at 17:27
  • 1
    XP1, what is the -icab vendor prefix used for? – Greg Feb 21 '12 at 17:13
  • 2
    This list seems to be coming from the [W3C's CSS 2.1 specification](http://www.w3.org/TR/CSS21/syndata.html#vendor-keyword-history) – renoirb Mar 20 '14 at 21:02
  • @Grant I looked thru the support docs and blog. Couldn't find any mention of unique vendor prefixes for iCab. – davidcondrey Sep 23 '14 at 19:17
  • 1
    @dcc It [probably doesn't exist](http://danielfriesen.name/blog/2011/01/05/css3-border-radius-and-vendor-prefix-fud/), actually. – grant Sep 24 '14 at 21:07
  • `-mso`: Meta Stack Overflow? – Universal Electricity Sep 10 '15 at 13:44
  • `-fso`: Found in inteljIdia? – Bapi Nov 11 '20 at 05:15
1

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

glglgl
  • 89,107
  • 13
  • 149
  • 217
1

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;
}
Zachary Raineri
  • 148
  • 1
  • 12
Raman Sahasi
  • 30,180
  • 9
  • 58
  • 71