We all know that CSS prefix for Mozilla (Gecko), when we refer that property using DOM, is Moz
. For example : MozTransform
.
I have a list of prefixes used in CSS for different browsers, but I also want to know the prefixes used when referring them using DOM.
List of CSS prefixes:
-moz- -webkit- -apple- -o- -xv- -ms- -mso- -atsc- -wap- -khtml- -prince- -ah- -hp- -ro- -rim- -tc-
CSS prefixes -webkit- (Chrome, Safari, newer versions of Opera and Edge, almost all iOS browsers including Firefox for iOS; basically, any WebKit or Chromium-based browser) -moz- (Firefox)
The prefixes used are: -webkit- (Chrome, Safari, iOS Safari / iOS WebView, Android) -moz- (Firefox) -ms- (Edge, Internet Explorer)
For major browsers, the CSS prefixes are: -webkit- : For Chromium browsers like Google Chrome, Safari, Opera, Brave, etc. -moz- : For Mozilla Firefox. -o- : For the Older version of Opera Browser (You can safely ignore this prefix, as the number of users using this browser are very less).
Spec says that any letter after a hyphen should be capitalised. So -o- becomes O, -moz- becomes Moz.
Internet Explorer doesn't follow spec: -ms- stays as ms. Webkit hedges its bet and goes with webkit and Webkit.
Opera's is an uppercase 'O' for style.property in the DOM.
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