list-style-type

Article
10/10/2017

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