RichInStyle.com tests: list style types

Ineffectualness of BODY list-style test

1. This should have the default list marker for OL since the BODY {list-style: lower-roman} has no effect due to the browser style sheet overriding it on OL.

• This should have the default list marker for UL since the BODY {list-style: lower-roman} has no effect due to the browser style sheet overriding it on UL.

'Wrong' type test

1. This should have a disc for a list marker.

• This should have a number for a list marker.

List-style-type - dot test

5. This list item should not have a dot after it (i.e., it shouldn't be 5., it should be 5).

Future compatibility test

• This has list-style: circle; list-style: cheese, and therefore should be a hollow circle.

7. This is a list item with list-style: lower-alpha; list-style: encircled-decimal. It should therefore be in lower-alpha.

Invalid value test

• This is a list item with list-style: circle; list-style: disk, and it therefore should be circle (hollow circle), not disk (colored-in circle). However, if the above list item is also a solid disk, this test is not sufficient to show that disk, an invalid keyword, is recognized.

9. This has list-style: cheese, and therefore should be numbered.
10. This is a list item with list-style: lower-alpha; list-style: disk, and it therefore should be lower-alpha, not disk (colored-in circle). However, if the above list item is also a solid disk, this test is not sufficient to show that disk, an invalid keyword, is recognized.

Lower-alpha > 26 test

This is a test of what happens when the list counter passes z. Preferably, the result should be aa.

Copyright © RichInStyle.com 2000; all rights reserved. See copyright document for terms of use. Please visit Bukit Lawang flood appeal.