More often than not, we feel like trying to figure out which attribute will work with one browser and not another can be a bit overwhelming! Well today I found a really cool CSS compatibility chart that I believe is going to save us all a whole lot of headaches.

Simple to glance over quickly and explained in plain English, the chart’s most striking feature is a color code system. Trying to locate a really obscure browser? No worries, I have seen browsers that I have not even considered in years!

The following chart shows all CSS1, CSS2 and Internet Explorer CSS extensions and grades the level of support each recieves in a given browser. An Unsafe (”Unsafe”) rating means that the property is not supported or very flakey, Partial (”Partial”) means that at least some of a property’s attributes are supported, and Safe (”Safe”) means that it is fully implemented within a browser.

Click on an individual property name in order to find about it, including its attributes, sample code incorporating the property and a browser compatibility table for that property. Click on an individual browser to get a compatibility listing of properties for that browser only.