Читая сегодня материалы с SitePoint.com и Smashing Magazine об использовании CSS 3 «в быту» я задумался над вопросом: "А насколько хорошо браузеры поддерживают CSS 3? " Если большинство из них поддерживает эту спецификацию более чем на 90%, то можно сказать, что мы уже живем в век тройки и CSS 3 уже вполне можно использовать повсеместно.

В качестве «подопытных кроликов» я использовал все браузеры, которые у меня стоят на моем маке. Причем версии браузеров разные — как весьма преклонных лет, так и совсем новые. В качестве средства проверки использовался тестовый пакет с сайта CSS3.info.

Начну я с родного для Mac OS X браузера — Safari. На моей машине у меня их сейчас стоят 4 версии: 2.0.4, 3.2.3, 4.0.2 и ночная сборка (WebKit r45855). Safari 2.0.4 прошел 336 из 578 тестов (58%). Из 43 селекторов CSS 3 15 оказалось неподдерживаемых и 7 частично поддерживаемых. Я оказался весьма удивлен степенью поддержки CSS 3 этим стариканом. Safari 3.2.3 и 4.0.2 прошли все тесты успешно (100%). Ночная сборка WebKit (r45855) также успешно прошла все тесты (100%).

Браузер Opera 10.00 (Сборка 6522) прошел тест на 100%.

Браузер Mozilla Firefox у меня представлен двумя версиями — 2.0.0.14 и 3.0.1. Firefox 2.0.0.14 успешно прошел 357 из 578 тестов (62%). Из 43 селекторов новой версии CSS Firefox благополучно завалил 7 и частично завалил 10 штук. Firefox 3.0.1 прошел 373 теста (65%).

Браузер Camino у меня представлен единственной версией — 2008020612 (1.5.5Int), которая проходит тест на 62% (как и Firefox 2, на базе которого она сделана).

Браузер OmniWeb у меня представлен версией 5.9 (v622.4.0.109283), которая полностью прошла тест (100%).

Браузер Internet Explorer для Mac у меня в версии 5.2.3 и он прошел этот тест... никак.

Взять PDF-версию этой статьи