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>
<title>Example 3.18</title>
<style type="text/css">
body { padding: 1em; font-family: sans-serif; }
ol,ul { float: left; margin: auto 1.5em; }
<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>
<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>
Search WWH ::

Custom Search