Style for 'ol li' : ol « Tags « HTML / CSS






Style for 'ol li'

    


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <style type="text/css" media="screen">
  #divID ol li {
    list-style-type: upper-roman;
  }
  
  </style>
</head>

<body>


<div id="divID">
  <ol>
    <li>this is a test. </li>
    <li>this is a test. </li>
    <li>this is a test. </li>
    <li>this is a test. </li>
    <li>this is a test. </li>
    <li>this is a test. </li>
    <li>this is a test. </li>
  </ul>
</div>



</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.list-style: none for OL
7.Add border to LI tag
8.Nested OL tag
9.Three level OL list
10.ol elements without a type attribute: have a numeric sequence type (i.e., 1, 2, ...)
11.A nested ordered list
12.Example of the start Attribute
13.Example of the value Attribute
14.Ordered lists started at 5
15.Numbering options on ordered lists
16.ol { counter-reset:Item }
17.Ordered List Example
18.ol {list-style-type: lower-roman;}