Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 515
Stop Slandering Monica Cellio Avatar asked Jan 11 '12 20:01

Stop Slandering Monica Cellio


2 Answers

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

like image 155
Jason Gennaro Avatar answered Oct 13 '22 14:10

Jason Gennaro


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;
}
like image 22
Raman Sahasi Avatar answered Oct 13 '22 15:10

Raman Sahasi