HTML and CSS Reference
In-Depth Information
</ul>
</body>
</html>
Figure 3.16: List style positions and list style types
For ordered lists the appropriate
list-style-type
values are
decimal
,
decimal-leading-zero
,
lower-roman
,
upper-roman
,
lower-alpha
,
upper-alpha
,
lower-greek
, and
armenian
.
In the ordered list element shown in Example 3.17, each list item is given
one of these ordered values. Figure 3.17 shows the result in a typical browser.
Example 3.17: HTML and CSS for displaying ordered list style types
<!DOCTYPE html>
<html>
<head>
<title>Example 3.17</title>
<style type="text/css">
body { padding: 1em; font-family: sans-serif; }
li:before { content: attr(style); line-height: 1.5em; }
</style>
</head>
continues