- From: Thomas Broyer <t.broyer@gmail.com>
- Date: Wed, 18 Jul 2007 09:13:52 +0200
- To: public-html@w3.org
2007/7/18, Sander Tekelenburg:
>
> At 19:42 -0500 UTC, on 2007-07-17, Robert Burns wrote:
>
> > On Jul 17, 2007, at 7:29 PM, Sander Tekelenburg wrote:
>
> [...]
>
> >> AFAIK only iCab and Opera support CSS counters.
> >
> > I believe I've seen recent Gecko handling it properly
>
> Well, it doesn't work for me in Firefox 2.0.0.4.
Gecko (Firefox 2.0.0.5) supports CSS counters:
http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20html%3E%0A%3Cstyle%3E%0Aol%20%7B%20counter-reset%3A%20items%202%3B%20%7D%0Aol%20li%20%7B%20counter-increment%3A%20items%202%3B%20display%3A%20block%3B%20%7D%0Aol%20li%3Abefore%20%7B%20content%3A%20counter%28items%29%20%27.%20%27%3B%20%7D%0A%3C/style%3E%0A%3Col%3E%3Cli%3Efoo%3Cli%3Ebar%3Cli%3Ebaz%3C/ol%3E
<!DOCTYPE html>
<style>
ol { counter-reset: items 2; }
ol li { counter-increment: items 2; display: block; }
ol li:before { content: counter(items) '. '; }
</style>
<ol><li>foo<li>bar<li>baz</ol>
Also tested successfully in Safari 3.0.2 for Windows and Opera 9.21.
None of them supports the ::marker pseudo-element from [css3-content]
so I had to set 'display: block' on LIs.
--
Thomas Broyer
Received on Wednesday, 18 July 2007 07:13:55 UTC