Webpage Workshop: Home » HTML language reference » Ordered list

Ordered list

This element is used to create a list of items that are in a particular order and are labelled numerically or alphabetically.

    class="class name(s)"
    dir="ltr | rtl"
    id="unique identifier"
    lang="language code"
    style="style information"
    type="a | A | i | I | 1"**

‡ = Required attribute
** = Transitional only

Explanation of attributes

class: used to state which class(es) the element belongs to. It is possible to indicate more than one class for an element by separating each class name with a space character. This attribute is normally used in combination with a stylesheet in order to associate the elements with particular styles defined within the stylesheet.

compact**: this attribute is used to state that the list should be rendered in a compact style, ie. with less vertical spacing between the items. In reality, few browsers support this feature.

dir: used to set the direction of the text in combination with the language set in the lang attribute. The available values are "ltr" (left to right) and "rtl" (right to left), with the default value being "ltr".

id: used to specify a unique alphanumeric identifier to the element. This is usually used in combination with stylesheets in order to apply a style to one particular instance of an element. Only one element, regardless of type, can be given a particular id.

lang: used to indicate the language being used in the text contained within the element. The value of this attribute takes on the form of the ISO standard lanuage abbreviations found in RFC 3066. A list of these codes can be found on the ISO language codes page.

start**: this attribute is used to set the starting number of an ordered list. It is always specified as an Arabic numeral (1, 2, 3...) regardless of the numbering style used by the list.

style: used to specify an inline style to apply to the element. The styles defined here override the styles declared in the header section.

title: used to define an advisory text that may be displayed as a tooltip when a mouse is used to hover over the element.

type**: used to specify the type of bullet in an ordered list. The different available values are a, A, i, I, and 1. The value 'a' indicates lowercase letters, whereas the value 'A' is for uppercase. 'i' and 'I' represent lowercase and uppercase Roman numerals respectively. The final option, which is also the default, is the value '1', which is used to indicate Arabic numerals.

Event handlers

The following event handlers are defined for this element:

Basic example

    <li>A list item</li>
    <li>Another item</li>

The above code will display something like:

  1. A list item
  2. Another item


Description: Support of ordered list and attributes in various browsers
Test Internet Explorer 6+ Netscape 4 Mozilla and Netscape 6+ Opera 6+ MSN TV (WebTV) Konqeuror 3.0+
Basic element support  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: class  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: compact  No  No  No  No  No  No 
Attribute: dir  Yes  No  Yes  No  No  No 
Attribute: id  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: lang  Yes  No  Yes  No  No  No 
Attribute: start  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: style  Yes  Yes  Yes  Yes  Yes  Yes 
Attribute: title  Yes  No  Yes  Yes  No  Yes 
Attribute: type  Yes  Yes  Yes  Yes  Yes  Yes 

The browser icons are explained in the below list:
Internet Explorer 6+ = Microsoft Internet Explorer 6+
Netscape 4 = Netscape Communicator 4
Mozilla and Netscape 6+ = Mozilla and Netscape Navigator 6+
Opera 7+ = Opera 7+
MSN TV (WebTV) = MSN TV (aka. WebTV)
Konqeuror 3.0+ = Konqueror 3.0+