CSS properties before the-webkit,-moz,-ms,-o

-moz-corresponds to Firefox,
-webkit-for Safari and Chrome
-o-for Opera
-ms-for Internet Explorer (Microsoft)

In CSS properties, we often see prefixes such as-webkit-,-moz-, which are called browser-private prefixes, and are a pre-supported browser for new CSS properties. -webkit-is WebKit kernel,-moz-is the Firefox gecko kernel, Moz is the Firefox developer Mozilla.

Why do you have to have a private prefix? Because the HTML and CSS standards of the organization of the movement is very slow. In general, members of the organization have proposed a new attribute, such as fillet Border-radius, which everyone feels is good, but the group does not set standards for this attribute, but rather to go through a very complex program, after a lot of scrutiny. Browser vendors don't want to wait that long, they think a property is ripe enough to add support to the browser. However, to avoid the future publication of the standard when the change, will be added a private prefix, such as-webkit-border-radius, in this way to support the new properties in advance, until later published standards, Border-radius standard writing, Then let the new version of the browser support Border-radius this notation. For example, Chrome 10 does not recognize Border-radius this writing, can only use Webkit-border-radius, and Chrome12 can recognize. So when writing CSS, this kind of writing will ensure that Chrome10 and Chrome12 will be able to display correctly when they browse the Web.

CSS properties before the-webkit,-moz,-ms,-o