CODEWITHSUNDEEP
csscross-browservendor-prefix
Stop Slandering Monica Cellio
Stop Slandering Monica Cellio

Reputation: 2321

Where can one find a list of all vendor-prefix CSS properties/extensions?

I frequently see new vendor-specific properties being used, what prompted this question was seeing -moz-appearance:button; somewhere (makes the element look like a button).

Where can I find a list of all these extensions (vendor-prefix rules)?

Mozilla has one, Opera has one, there's an "unofficial" one for webkit (tho it doesn't explain the properties). I had no luck for IE. If there's not one all in one place, an official, comprehensive list for IE and webkit would do.

Upvotes: 9

Views: 3462

Answers (2)

Raman Sahasi
Raman Sahasi

Reputation: 31891

You can use tools like pleeease.io where you can input your generic css and in return you can get css that most browsers will support:

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

Upvotes: 1

Jason Gennaro
Jason Gennaro

Reputation: 34863

This one is great:

http://peter.sh/experiments/vendor-prefixed-css-property-overview/

Sitepoint also has a decent reference:

http://reference.sitepoint.com/css/vendorspecific

Upvotes: 4

Related Questions