Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS prefixes for different browsers?

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-
like image 647
Devashish Dixit Avatar asked Oct 29 '11 10:10

Devashish Dixit


People also ask

What is the CSS extension prefixes for Chrome browser?

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)

Which of the following is are browser prefix prefixes?

The prefixes used are: -webkit- (Chrome, Safari, iOS Safari / iOS WebView, Android) -moz- (Firefox) -ms- (Edge, Internet Explorer)

What is CSS prefix?

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).


2 Answers

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.

like image 186
bruce Avatar answered Oct 30 '22 13:10

bruce


Opera's is an uppercase 'O' for style.property in the DOM.

like image 24
Shadow2531 Avatar answered Oct 30 '22 13:10

Shadow2531