CSS3 Practical Guide First reading notes

1.7.1 Browser Prefix

When a browser implements a new property, value, or selector, and this feature is not in the candidate Recommendation Standard state, a prefix is added to the property before it is identified by its rendering engine.

Browser prefix for CSS properties:

The prefix rendering engine uses the browser of the engine

• -khtml-khtml Konqueror
• -ms-trident Internet
• -moz-mozilla Firefox, Camino, Flock
• -o-presto Opera, opera Mobile, opera Mini, Nintendo Wii
• -webkit-webkit Safari, Safari on IOS, Chrome, Android

When using the browser prefix attribute, you should always include an attribute with no prefix and put it at the end. This ensures that the current browser can support an attribute that is not prefixed, and that this property will take effect. The prefix attribute is the correct behavior because the position is overloaded by the previous pre-prefixed property.

Using MODERNIZR to detect CSS3 support

Simulating CSS3 with JavaScript

CSS3 Practical Guide First reading notes