Defining starting number of an OL list with CSS

The HTML attribute start has been deprecated. How can you define the starting number with CSS? You have to use a counter, which as of this writing works only in Opera.


The CSS

This is the CSS required to start with the number 10.

ol {counter-reset: start 9}
li {display: block }
li:before {content: counter(start) ". "; counter-increment: start}

The Result

This is how the ordered list is rendered in your browser (it should start with the number 10.)

  1. first
  2. second
  3. third

Screenshot in Opera 7.20

Test date: September 4, 2003