HOLLA TECH - LEARN

CSS Vendor Prefixes
 

CSS vendor prefixes or CSS browser prefixes are a way for browser makers 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;

 

Result: 

Holla Tech - Learn CSS3

The prefix is added to the property to make it work in the unsupported browsers. So, you might end up with multiple definitions of the same property, each with the specific browser prefix.

This is box title
While most browsers today will work without prefixes, it is essential to know these for backwards capability and understanding older codes.

Browser Prefixes
 

Here is the list of vendor prefixes for each browser:

Holla Tech - Learn CSS3

This is box title
It might feel annoying and repetitive to have to write the properties two to five times to get them to work in all browsers, but it’s temporary. As browsers improve, they add support for the standards based version of the properties, and you can remove the prefixed versions.

BACK NEXT

CLICK ON THE BUTTON BELOW TO GO TO THE CSS MAIN COURSE PAGE. 

CSS MAIN COURSE PAGE

 


© License: All Rights Reserved 


CONTACT HOLLA TECH – LEARN SUPPORT