W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

should produce something like this:
This is a long preceding
paragraph ...
i. This is the first item.
ii. This is the second item.
iii. This is the third item.
This is a long following
paragraph ...
12.6.2 Lists: the ’list-style-type’, ’list-style-image’,
’list-style-position’, and ’list-style’ properties
The list properties allow basic visual formatting of lists. As with more general
markers, a element with ’display: list-item’ generates a principal box [p. 97] for
the element’s content and an optional marker box. The other list properties allow
authors to specify the marker type (image, glyph, or number) and its position with
respect to the principal box (outside it or within it before content). They do not
allow authors to specify distinct style (colors, fonts, alignment, etc.) for the list
marker or adjust its position with respect to the principal box.
Furthermore, when a marker M (created with ’display: marker’) is used with a
list item created by the list properties, M replaces the standard list item marker.
With the list properties, the background properties [p. 188] apply to the principal
box only; an ’outside’ marker box is transparent. Markers offer more control
over marker box style.
’list-style-type’
Value: disc | circle | square | decimal | decimal-leading-zero |
lower-roman | upper-roman | lower-greek | lower-alpha |
lower-latin | upper-alpha | upper-latin | hebrew | armenian |
georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha
| katakana-iroha | none | inherit
Initial: disc
Applies to: elements with ’display: list-item’
Inherited: yes
Percentages: N/A
Media: visual
This property specifies appearance of the list item marker if ’list-style-image’
has the value ’none’ or if the image pointed to by the URI cannot be displayed.
The value ’none’ specifies no marker, otherwise there are three types of marker:
glyphs, numbering systems, and alphabetic systems. Note. Numbered lists
improve document accessibility by making lists easier to navigate.
Glyphs are specified with disc, circle, and square. Their exact rendering
depends on the user agent.
Numbering systems are specified with:
168