CSS Test Cases

When stumbling across inexplicable user-agent behaviour it usually is a good idea to write a few testcases to narrow down and find out, who — the page author or the browser vendor — is probably at fault. Here you find a compilation of testcases I write for debugging my page mysteries.

The content property

CSS3 version

1. content-1.html

   HTML version, stylesheet incorporated

2. content-2.html

   HTML version, referenced stylesheet

3. content-1.xhtml

   XTML version, stylesheet incorporated

4. content-2.xhtml

   XHTML version, referenced stylesheet

5. content-3.xhtml

   HTML version, referenced stylesheet via xml-prolog

CSS2 version

1. content-1a.html

   HTML version, stylesheet incorporated

2. content-2a.html

   HTML version, referenced stylesheet

3. content-1a.xhtml

   XTML version, stylesheet incorporated

4. content-2a.xhtml

   XHTML version, referenced stylesheet

5. content-3a.xhtml

   HTML version, referenced stylesheet via xml-prolog