These prefixes are used to add support for new CSS features during periods of testing and experimentation. Browser prefixes are used to add new features that may not be part of the final and formal CSS specification.
For example, the prefix for Safari and Chrome is -webkit. The border-radius property is currently supported in Chrome, Safari and Mozilla, as long as it is accompanied by the browser prefix. To specify the border-radius in Chrome and Safari, the following syntax is used:
-webkit-border-radius: 24px;
| Browser | Vendor Prefix |
|---|---|
| Firefox | -moz- |
| Safari | -webkit- |
| Chrome | -webkit- |
| Opera | -o- |
| Internet Explorer | -ms- |