Call us at 1-800-413-0939

Hands On IT Training Blog

Working with CSS Vendor Prefixes

Working with CSS Vendor Prefixes

CSS vendor prefixes (also known as browser prefixes) are a way for browsers to add support for new CSS features. Prefixes specify which browser should interpret CSS property syntax that currently isn't standardized, allowing nonstandard properties to work properly across browsers. As new browser versions are released and property syntax is standardized, the prefixed version of the property may no longer be required.

The following table displays the browser and their associated prefix:

Internet Explorer Firefox Chrome Opera Safari
-ms -moz -webkit -o -webkit


The following example uses the rotate() function to rotate an element clockwise at a given degree.

div {
    width: 150px;
    height: 150px;
    background: #0099cc;
    border: 2px solid #006699;
#rotate {
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    transform: rotate(30deg); /* Standard - N0 prefix is needed for Firefox */

Additional Resources:

Multiple Training Locations - Convenience and Cost Control

Attend Regularly Scheduled Courses in More than 100 Cities Across North America and the United Kingdom or via Remote Attendance