The Unordered List element is used to present a list of items which is typically separated by white space and/or marked by bullets, but this is at the discretion of individual browsers.
An unordered list must begin with the
<UL> element which is immediately followed by a
<LI> (list item) element. Unordered lists can be nested.
<LI>First list item
<LI>Second list item
<LI>Third list item
Would render as:
The Unordered List element can take the COMPACT attribute, which suggests that a compact rendering be used.
The basic bulleted list has a default progression of bullet types that changes as you move through indented levels. From a solid disc, to a circle to a square. The TYPE attribute can be used in the
<UL> element so that no matter what the indent level the bullet type can be specified thus :
To give even more flexibility to lists, the TYPE attribute to the
<LI> element is also allowed. It takes the same values as
<UL> and it changes the list type for that item, and all subsequent items.
NOTE : The
TYPE attribute when used in the
<LI> elements is supported by Netscape only.
The Internet Explorer 4.0 (and above) specific
TITLE attribute is used for informational purposes. If present, the value of the
TITLE attribute is presented as a ToolTip when the users mouse hovers over the
<UL> section. Note that
<LI> element also support use of the
TITLE attribute. The ToolTip presented to the user will be that set in the
<UL> element, if no
<LI> element has a
LANG attribute can be used to specify what language the
<LI>) element is using. It accepts any valid ISO standard language abbreviation (for example
"en" for English,
"de" for German etc.) For more details, see the Document Localisation section for more details.
LANGUAGE attribute can be used to expressly specify which scripting language Internet Explorer 4.0 uses to interpret any scripting information used in the
<LI>) element. It can accept values of
LANGUAGE attribute is set.
CLASS="Style Sheet class name"
CLASS attribute is used to specify the
<LI>) element as using a particular style sheet class. See the Style Sheets topic for details.
STYLE="In line style setting"
As well as using previously defined style sheet settings, the
<LI>) element can have in-line stylings attached to it. See the Style Sheets topic for details.
ID="Unique element identifier"
ID attribute can be used to either reference a unique style sheet identifier, or to provide a unique name for the
<LI>) element for scripting purposes. Any
<LI>) element with an
ID attribute can be directly manipulated in script by referencing its
ID attribute, rather than working through the All collection to determine the element. See the Scripting introduction topic for more information.
<LI>) element in a document is an object that can be manipulated through scripting. Note that scripting of the
<LI> elements/objects is only supported by Internet Explorer 4.0 in its Dynamic HTML object model. Netscape does not support direct scripting of the
<LI> elements at all.
<UL...> elements support all of the standard Dynamic HTML properties (i.e. className, document, id, innerHTML, innerText, isTextEdit, lang, language, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerHTML, outerText, parentElement, parentTextEdit, sourceIndex, style, tagName and title). Details of these can be found in the standard Dynamic HTML properties topics.
<LI> when used in a
<UL> element) also supports the type property, which reflect any settings of the
TYPE attribute (see above).
<UL...> elements support all of the standard Dynamic HTML methods (i.e. click, contains, getAttribute, insertAdjacentHTML, insertAdjacentText, removeAttribute, scrollIntoView and setAttribute). Details of these can be found in the standard Dynamic HTML Methods topics.
<UL...> elements support all of the standard Dynamic HTML events (i.e. onclick, ondblclick, ondragstart, onfilterchange, onhelp, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup and onselectstart). Details of these can be found in the standard Dynamic HTML events topics.
© 1995-1998, Stephen Le Hunte