For ordered lists, there are eleven different styles of marker:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
<title>list-style-type</title>
<style type='text/css'>
li#decimal {
list-style-type: decimal;
}
li#decimal-leading-zero {
list-style-type: decimal-leading-zero;
}
li#lower-roman {
list-style-type: lower-roman;
}
li#upper-roman {
list-style-type: upper-roman;
}
li#lower-greek {
list-style-type: lower-greek;
}
li#lower-latin {
list-style-type: lower-latin;
}
li#upper-latin {
list-style-type: upper-latin;
}
li#armenian {
list-style-type: armenian;
}
li#georgian {
list-style-type: georgian;
}
li#lower-alpha {
list-style-type: lower-alpha;
}
li#upper-alpha {
list-style-type: upper-alpha;
}
</style>
</head>
<body>
<p>
For ordered lists, there are eleven different styles of marker:
</p>
<ol>
<li id='decimal' class='safe'>decimal</li>
<li id='decimal-leading-zero'>decimal-leading-zero</li>
<li id='lower-roman' class='safe'>lower-roman</li>
<li id='upper-roman' class='safe'>upper-roman</li>
<li id='lower-greek'>lower-greek</li>
<li id='lower-latin'>lower-latin</li>
<li id='upper-latin'>upper-latin</li>
<li id='armenian'>armenian</li>
<li id='georgian'>georgian</li>
<li id='upper-alpha' class='safe'>upper-alpha</li>
<li id='lower-alpha' class='safe'>lower-alpha</li>
</ol>
</body>
</html>
Related examples in the same category