This element also accepts theglobal attributes.

compactDeprecatedNon-standard

This Boolean attribute hints that the list should be rendered in a compact style. The interpretation of this attribute is browser-specific. UseCSS instead: to give a similar effect as thecompact attribute, the CSS propertyline-height can be used with a value of80%.

reversed

This Boolean attribute specifies that the list's items are in reverse order. Items will be numbered from high to low.

start

An integer to start counting from for the list items. Always an Arabic numeral (1, 2, 3, etc.), even when the numberingtype is letters or Roman numerals. For example, to start numbering elements from the letter "d" or the Roman numeral "iv," usestart="4".

type

Sets the numbering type:

• a for lowercase letters
• A for uppercase letters
• i for lowercase Roman numerals
• I for uppercase Roman numerals
• 1 for numbers (default)

The specified type is used for the entire list unless a differenttype attribute is used on an enclosed<li> element.

Note:Unless the type of the list number matters (like legal or technical documents where items are referenced by their number/letter), use the CSSlist-style-type property instead.

Typically, ordered list items display with a precedingmarker, such as a number or letter.

The<ol> and<ul> (or the synonym<menu>) elements may nest as deeply as desired, alternating between<ol>,<ul> (or<menu>) as needed.

The<ol> and<ul> elements both represent a list of items. The difference is with the<ol> element, the order is meaningful. For example:

• Steps in a recipe
• Turn-by-turn directions
• The list of ingredients in decreasing proportion on nutrition information labels

To determine which list to use, try changing the order of the list items; if the meaning changes, use the<ol> element — otherwise you can use<ul> otherwise, or<menu> if your list is a menu.

<ol>  <li>Fee</li>  <li>Fi</li>  <li>Fo</li>  <li>Fum</li></ol>

Result

<ol type="i">  <li>Introduction</li>  <li>List of Grievances</li>  <li>Conclusion</li></ol>

Result

<p>Finishing places of contestants not in the winners' circle:</p><ol start="4">  <li>Speedwalk Stu</li>  <li>Saunterin' Sam</li>  <li>Slowpoke Rodriguez</li></ol>

Result

<ol>  <li>first item</li>  <li>    second item    <!-- closing </li> tag is not here! -->    <ol>      <li>second item first subitem</li>      <li>second item second subitem</li>      <li>second item third subitem</li>    </ol>  </li>  <!-- Here's the closing </li> tag -->  <li>third item</li></ol>

Result

<ol>  <li>first item</li>  <li>    second item    <!-- closing </li> tag is not here! -->    <ul>      <li>second item first subitem</li>      <li>second item second subitem</li>      <li>second item third subitem</li>    </ul>  </li>  <!-- Here's the closing </li> tag -->  <li>third item</li></ol>

Result

• Other list-related HTML Elements:<ul>,<li>,<menu>
• CSS properties that may be specially useful to style the<ol> element:
  • thelist-style property, to choose the way the ordinal displays
  • CSS counters, to handle complex nested lists
  • theline-height property, to simulate the deprecatedcompact attribute
  • themargin property, to control the list indentation