Numbering options on ordered lists : ol « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. ol

Numbering options on ordered lists

    

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Numbering options on ordered lists</title>
<style type="text/css">
ol li ol li {list-style-type:upper-alpha;}
ol li ol li ol li {list-style-type:lower-alpha;}
ol li ol li ol li ol li {list-style-type:upper-roman;}
ol li ol li ol li ol li ol li {list-style-type:lower-roman;}
</style>
</head>

<body>
<ol>
  <li>This is a list item</li>
  <li>This is a list item
    <ol>
      <li>This is a list item</li>
      <li>This is a list item
        <ol>
          <li>This is a list item</li>
            <li>This is a list item
              <ol>
                <li>This is a list item</li>
                  <li>This is a list item</li>
                  <li>This is a list item
                    <ol>
                      <li>This is a list item</li>
                        <li>This is a list item</li>
                        <li>This is a list item </li>
                    </ol>
                  </li>
              </ol>
            </li>
        </ol>
      </li>
    </ol>
  </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.ol { counter-reset:Item }
17.Ordered List Example
18.ol {list-style-type: lower-roman;}