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.
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
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;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With