Export (0) Print
Expand All
top
Expand Minimize

list-style-type

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

Syntax

{ list-style-type: sType }

Possible values

sType

String that specifies one of the following values:

disc

Default. Solid circles.

circle

Outlined circles.

decimal

1, 2, 3, 4, and so on.

lower-alpha

a, b, c, d, and so on.

lower-roman

i, ii, iii, iv, and so on.

none

No marker is shown.

square

Solid squares.

upper-alpha

A, B, C, D, and so on.

upper-roman

I, II, III, IV, and so on.

The property has a default value of disc. It is inherited.

Remarks

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

The list-style-type property can be applied to any element when margin and display:list-item properties are applied.

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.

Examples

The following example uses the list-style-type property to set the markers. This example uses the UL element as a selector in an embedded (global) style sheet to change the marker type to circle:

<style>
    ul {list-style-type:circle}
</style>

Standards information

This property is defined in Cascading Style Sheets (CSS), Level 1 (CSS1) Ee371226.xtlink_newWindow(en-us,Expression.40).png.

Applies to

LI, OL, UL

See also

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.

Community Additions

ADD
Show:
© 2014 Microsoft