The following table shows levels of CSS support in modern browsers. Declarations are broken down by module, and level of support is tested on the latest versions of browsers - Firefox 2, Safari 2, Opera 9.2, Konqueror 3.5.7, IE7 - unless otherwise stated. Click on the declaration title to test it for yourself.
| Firefox | Safari | Opera | Konq. | IE | |
|---|---|---|---|---|---|
Key:Y Implemented in most recent version of browser. * Implemented with browser-specific prefix (-moz-, -webkit-, etc). ~ Partially implemented. n Implementation expected from this version of the browser (Firefox 3, Safari 3, etc). Notes:[1] 'border-colors' doesn't currently exist in the CSS 3 specification. [2] 'text-overflow' has not yet been clarified in the CSS 3 specification. [3] The CSS 3 specification uses the property 'resizer'. [4] 'border-radius' in Firefox contradicts the CSS 3 specification. |
|||||
| Backgrounds and Borders | |||||
| background-clip | Y* | Y* | Y~ | ||
| background-origin | Y* | Y* | Y~ | ||
| background-size | Y* | Y* | |||
| multiple background-images | Y* | Y* | |||
| border-colors [1] | Y* | ||||
| border-image | Y* | ||||
| border-radius | Y* [4] | 3* | |||
| box-shadow | 3* | ||||
| Color | |||||
| HSL values | Y | Y | Y | ||
| HSLA values | 3 | 3 | |||
| Opacity | Y | Y | Y | ||
| RGBA values | 3 | 3 | |||
| Text | |||||
| text-overflow [2] | Y | Y | Y | ||
| text-shadow | 3 | 9.5 | Y | ||
| Box Model | |||||
| box-sizing | Y* | 3 | Y | Y | |
| User Interface | |||||
| resize [3] | 3 | ||||
| Media Queries | |||||
| media queries | 3 | Y | |||
| Multi-Column Layout | |||||
| multi-column layout | Y* | 3* | |||
| Speech | |||||
| speech | Y* | ||||