views:

1229

answers:

4

What, if any, support is there for CSS3 in mobile browsers? The specific browsers I'm curious about are the ones used in the iPhone, Android, and Blackberry phones. Any links to relevant resources would also be greatly appreciated.

+1  A: 

You can try acid3.acidtests.org and http://www.css3.info/selectors-test/test.html on the respective browsers to check some compatibility, but that may not be an exact determining factor of full compatibility. However I don't think any of the mobile browsers currently fully support CSS3.

Quintin Robinson
That url (acid3.acidtests.org) scores 100/100 on the current iPhone browser. I'd be surprised if Android scored any differently, also being Webkit based. However there are a few small visual glitches on the left side, when compared to the reference rendering.
Kendall Helmstetter Gelner
On Android 2.1 it scores 92/100 and is pretty identical to the example (Scores 43/43 on the selector test). I read an article today about RIM moving Blackberry's to the open webkit and showed a video of the browser scoring 100/100.
Quintin Robinson
Here's a link to that video - http://crackberry.com/blackberry-webkit-browser
Kevin Hakanson
+1  A: 

Both iPhone and Android systems use WebKit as the rendering engine in their mobile browsers. I believe Blackberry are moving to Webkit as well at some point. This engine has some of the best support for parts of CSS 3 available at the moment, as well as quite a lot of proprietary extensions.

I would recommend researching what is available in WebKit, and then testing.

A great resource for support tables is http://www.quirksmode.org where PPK is doing more and more mobile browser testing to answer just these kind of questions.

Andy Hume
+1  A: 

a do quirksmode.org specifically this page: http://www.quirksmode.org/webkit.html

Fred Grott
+1  A: 

In the BlackBerry Documentation for Developers, there is a documentation for the BlackBerry Browser, including CSS Reference - BlackBerry Browser. There is no specific mention of CSS3, but that document lists supported CSS properties.

There is also a BlackBerry Widget web standards support page that states 4.7.1 and 5.0 have partial support for CSS 3 color and full support for CSS 3 marquee, CSS 3 media queries, CSS 3 namespaces and CSS 3 selectors.

Kevin Hakanson