CSS contents and browser compatibility

Last major update on 23 February 2012.

Mobile table.

See the CSS Selector Test for tests of and information about CSS3 selectors.

Earlier versions of this page has been translated into Brazilian Portuguese and Romanian.

The contents of my CSS pages and browser compatibility.

This is the old table. I’m slowly moving towards the new tables, which feature greatly extended tests and full mobile browser information. When I publish a new table I remove the entries on this page.

Table of Contents

Quirks and Strict mode How to trigger them, what the differences are. Contains compatibility table.
CSS Hacks Be very, very careful.
Conditional comments A generally reliable method for separating IE from all other browsers.
Clearing floats without clear: both.
Selector or declaration IE 5.5 IE 6 IE 7 IE8 IE9 IE10 pr2 FF 11.0 Win FF 10.0.2 Mac Saf 5.1 Win Saf 5.1.2 Mac Chrome 18 Win Chrome 17 Mac Opera 11.61 Win Opera 11.61 Mac
List styles
Types, image, position 		Minimal Incomplete Incomplete Yes Yes Incomplete
Yes
Lacks at most one type
Almost
Lacks two to five types
Incomplete
Lacks six to twelve types
Minimal
Lacks thirteen or more types
Animations
Prefixed 		No Yes Yes Yes No
Grids
How to define a layout Prefixed 		No Yes XUL No No No

-moz-grid is an old XUL property. As far as I can determine Mozilla is going to implement the spec eventually. See the table on this page.
opacity
 filter Yes Yes Yes Yes Yes
Transitions
Prefixed 		No Almost Almost Almost Almost
  • Firefox doesn’t transition left and letter-spacing.
  • Safari and Chrome also apply all transitions when the user zooms. This should not happen.
  • Safari doesn’t transition text-shadow quite correctly.
  • Opera doesn’t transition background-position and has bugs in font-size and line-height.
Selector or declaration IE 5.5 IE 6 IE 7 IE8 IE9 IE10 pr2 FF 11.0 Win FF 10.0.2 Mac Saf 5.1 Win Saf 5.1.2 Mac Chrome 18 Win Chrome 17 Mac Opera 11.61 Win Opera 11.61 Mac