After starting the test-suite it will automatically run a large number of small tests which will determine if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particular selector it is marked as such. You can click on each CSS selector to see the results, including a small example and explanation for each of tests.
Because it is technically not possible to simulate certain user interactions the test is limited to CSS selectors that are not dependent on user interactions. So this test-suite does not include tests for the following selectors: :hover, :active, :focus and :selection.
OM2 Core
DOM2 Events
DOM2 HTML
DOM2 Range
DOM2 Style (getComputedStyle, …)
DOM2 Traversal (NodeIterator, TreeWalker)
DOM2 Views (defaultView)
ECMAScript
HTML4 (, , …)
HTTP (Content-Type, 404, …)
Media Queries
Selectors (:lang, :nth-child(), combinators, dynamic changes, …)
XHTML 1.0
CSS2 (@font-face)
CSS2.1 ('inline-block', 'pre-wrap', parsing…)
CSS3 Color (rgba(), hsla(), …)
CSS3 UI ('cursor')
data: URIs
SVG (SVG Animation, SVG Fonts, …)
When taking the test, you should use the default settings of the browser you are testing. Changing the zoom level, minimum font size, applying a fit-to-width algorithm, or making other changes may alter the rendition of the test page without this constituting a failure in compliance.
The Acid3 test measures some performance characteristics. The test does not attempt to make any comparisons or judgments as to the performance of any hardware used, and should not be used as a hardware benchmark. If the test is run on a slow computer or device, it may run slowly or not smoothly and this does not imply non-conformance.
Emogrifier automagically transmogrifies your HTML by parsing your CSS and inserting your CSS definitions into tags within your HTML based on your CSS selectors. You can either use the form below to paste your HTML or CSS, or if you're more technically inclined, you can download the PHP source code and use it in your own applications.