List of CSS vendor prefixes?

51,063

Solution 1

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.

Solution 2

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

Solution 3

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

Share:
51,063
xusame
Author by

xusame

I'm an engineer at Usermind. I'm fascinated by UI and API design, and software architecture. I have quite a bit of front-end experience.

Updated on July 05, 2022

Comments

  • xusame
    xusame almost 2 years

    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?

  • xusame
    xusame about 13 years
    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.
  • clairesuzy
    clairesuzy about 13 years
    nice list! +1 for question and answer
  • XP1
    XP1 about 12 years
    When you look in the computed styles in Opera Dragonfly, -xv- appears to be voice related: http://img46.imageshack.us/img46/2715/operadragonflystyleven‌​d.png. Also see here for documentation: http://stackoverflow.com/questions/6028362/browser-specific-‌​css-attributes.
  • Greg
    Greg about 12 years
    XP1, what is the -icab vendor prefix used for?
  • renoirb
    renoirb about 10 years
    This list seems to be coming from the W3C's CSS 2.1 specification
  • davidcondrey
    davidcondrey over 9 years
    @Grant I looked thru the support docs and blog. Couldn't find any mention of unique vendor prefixes for iCab.
  • grant
    grant over 9 years
    @dcc It probably doesn't exist, actually.
  • Universal Electricity
    Universal Electricity over 8 years
    -mso: Meta Stack Overflow?
  • Bapi
    Bapi over 3 years
    -fso: Found in inteljIdia?