list-style-type Attribute | listStyleType Property

MS Office DHTML, HTML & CSS

list-style-type Attribute | listStyleType Property


Sets or retrieves the predefined type of the line-item marker for the object.

Syntax

HTML{ list-style-type: sType }
Scriptingobject.style.listStyleType [ = sType ]

Possible Values

sType String that specifies one of the following values:
discSolid circles.
circleOutlined circles.
squareSolid squares.
decimal1, 2, 3, 4, and so on.
lower-romani, ii, iii, iv, and so on.
upper-romanI, II, III, IV, and so on.
lower-alphaa, b, c, d, and so on.
upper-alphaA, B, C, D, and so on.
noneNo marker is shown.

The property is read/write with a default value of disc; the cascading style sheets (CSS) attribute is inherited.

Expressions can be used in place of the preceding value(s), as of Microsoft® Internet Explorer 5. For more information, see dynamic propertiesInternet Link.

Remarks

The listStyleType property determines the appearance of the list-item marker if the value of the list-style-image attribute is set to none, or if the image pointed to by the URL cannot be displayed.

If the left margin of a line item is set to 0 using one of the margin properties, the list-item markers do not show. The margin should be set to a minimum of 30 points.

Example

The following examples use the list-style-type attribute and the listStyleType property to set the markers.

This example uses UL as a selector in an embedded (global) style sheet to change the marker type to circle.

Sample Code

<STYLE>
    UL { list-style-type:circle }
</STYLE>

This feature requires Internet Explorer 4.0 or later. Click the icon below to install the latest version. Then reload this page to view the sample.
Microsoft Internet Explorer

This example uses inline scripting to change the marker type on when an onmouseover event occurs.

<UL onmouseover="this.style.listStyleType='circle'">

This feature requires Internet Explorer 4.0 or later. Click the icon below to install the latest version. Then reload this page to view the sample.
Microsoft Internet Explorer

Applies To

[ Object Name ]
PlatformVersion
Win16:
Win32:
Mac:
Unix:
WinCE:
Version data is listed when the mouse hovers over a link, or the link has focus.
currentStyle, LI, OL, runtimeStyle, style, UL

Back to topBack to top

Did you find this topic useful? Suggestions for other topics? write us!Internet Link

© 1999 microsoft corporation. all rights reserved. terms of useInternet Link.