HTML and CSS Reference
In-Depth Information
the list tag is
ul
,
ol
,
menu
, or
dl
. If the value of the
list-style-type
property is
one of the sets of numbers or alphabets, the number or letter corresponding
to the counter value is used as the marker for that list item. his is illustrated
in Figure 3.18, which was generated with the HTML and CSS code shown
in Example 3.18. he last list item in the second list illustrates the syntax for
using the
list-style-image
property.
Example 3.18: HTML and CSS for mixed
list-style-type
values
<!DOCTYPE html>
<html>
<head>
<title>Example 3.18</title>
<style type="text/css">
body { padding: 1em; font-family: sans-serif; }
ol,ul { float: left; margin: auto 1.5em; }
</style>
</head>
<body>
<ol>
<li>
This
</li>
<li style="list-style-type: circle;">
is
</li>
<li style="list-style-type: lower-roman;">
an
</li>
<li style="list-style-type: square;">
ordered
</li>
<li>
list
</li>
</ol>
<ul>
<li>
This
</li>
<li style="list-style-type: circle;">
is
</li>
<li style="list-style-type: decimal;">
an
</li>
<li style="list-style-type: lower-latin;">
UNordered
</li>
<li style="list-style-image: url(peace.gif);">
list
</li>
</ul>
</body>
</html>