ol attributes code example

Example 1: ol types

<ol type="1">
  <li>The list items will be bulleted with numbers (default)</li>
</ol>
<ol type="A">
  <li>The list items will be bulleted with Capital(UPPERCASE) letters</li>
</ol>
<ol type="a">
  <li>The list items will be bulleted with with small(lowercase) letters</li>
</ol>
<ol type="I">
  <li>The list items will be bulleted with with Capital(UPPERCASE) Roman letters</li>
</ol>
<ol type="i">
  <li>The list items will be bulleted with with small(lowercase) Roman letters</li>
</ol>

Example 2: html number list

<ol type="1">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="A">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="a">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="I">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

<ol type="i">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ol>

Example 3: html ordered list

<ol>
  <lh>ol Header</lh>
  <li>Item One</li>
  <li>Item Two</li>
  <li>Item Thre</li>
</ol>

Example 4: html lists

Unordered list
<ul>
  <li>something</li>
</ul>
Ordered list
<ol>
  <li>something</li>
</ol>

Tags:

Css Example