CSS2 Test Suite: 12.6.2 list-style

The style declarations contained within this page:

.cl1 {list-style: lower-roman;}
.cl2 {list-style: inside upper-alpha;}
.cl3 {list-style: outside url(pix/orancirc.gif) circle;}
.cl3 .li-test {list-style-image: none;}
.parent {list-style: inside disc url(pix/orancirc.gif);}
.inh1 {list-style: square outside;}

1. [cl1] This list items in this ordered list...
2. ...should have lower-roman markers outside the content...
3. ...for each item in the list.

1. [cl2] This list items in this ordered list...
2. ...should have upper-alpha markers inside the content...
3. ...for each item in the list.

• [cl3] This list items in this unordered list...
• ...should have orange circle image markers outside the content...
• ...for each item in the list...
• [li-test] ... except for this one, which should have a circle marker outside the content...
• ... but the rest should be as described in the second list item.

• This list item should have an orange circle image marker on the inside of the content.
• This list item contains a nested list.
  • The list items in this list should also have orange circle image markers on the inside of the content.
  • This is because of the style attribute on the 'ul' element, which has been set to inherit the value of list-style.
  • Should the markers in this sub-list be squares on the outside of the list items' content, the test has been failed.
• This list item should have an orange circle image marker on the inside of the content, as it is the end of the parent element.