ol {list-style-type: lower-roman;} : ol « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. ol

ol {list-style-type: lower-roman;}

  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CSS Example</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type='text/css'>
ul  {list-style-type: circle;}
ol  {list-style-type: lower-roman;}
</style>

</head>

<body>

<ul>
  <li>Item one</li>
  <li>Item two</li>
  <li>Item three</li>
</ul>

<ol>
  <li>Item one</li>
  <li>Item two</li>
  <li>Item three</li>
</ol>

</body>
</html>








Related examples in the same category

1.'ol' creates an indented numbered (ordered) list
2.'start' specifies the starting number in an ordered list
3.'type' defines the style for the list items
4.Unordered Lists
5.OL tag
6.Style for 'ol li'
7.list-style: none for OL
8.Add border to LI tag
9.Nested OL tag
10.Three level OL list
11.ol elements without a type attribute: have a numeric sequence type (i.e., 1, 2, ...)
12.A nested ordered list
13.Example of the start Attribute
14.Example of the value Attribute
15.Ordered lists started at 5
16.Numbering options on ordered lists
17.ol { counter-reset:Item }
18.Ordered List Example