Scholar Repository
Home>Manual>CSS List-style-type Property

CSS List-style-type Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS list-style-type Property


CSS Reference Complete CSS Reference


Definition

The list-style-type sets the type of the list-item marker.

Note: Some browsers only support the "disc" value.

Inherited: Yes


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.listStyleType="square"

In our HTML DOM tutorial you can find more details about the listStyleType property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

ul
{
list-style-type: disc
}

Possible Values

Value Description
none No marker
disc Default. The marker is a filled circle
circle The marker is a circle
square The marker is a square
decimal The marker is a number
decimal-leading-zero The marker is a number padded by initial zeros (01, 02, 03, etc.)
lower-roman The marker is lower-roman (i, ii, iii, iv, v, etc.)
upper-roman The marker is upper-roman (I, II, III, IV, V, etc.)
lower-alpha The marker is lower-alpha (a, b, c, d, e, etc.)
upper-alpha The marker is upper-alpha (A, B, C, D, E, etc.) 
lower-greek The marker is lower-greek (alpha, beta, gamma, etc.)
lower-latin The marker is lower-latin (a, b, c, d, e, etc.)
upper-latin The marker is upper-latin (A, B, C, D, E, etc.)
hebrew The marker is traditional Hebrew numbering
armenian The marker is traditional Armenian numbering
georgian The marker is traditional Georgian numbering (an, ban, gan, etc.)
cjk-ideographic The marker is plain ideographic numbers
hiragana The marker is: a, i, u, e, o, ka, ki, etc.
katakana The marker is: A, I, U, E, O, KA, KI, etc.
hiragana-iroha The marker is: i, ro, ha, ni, ho, he, to, etc.
katakana-iroha The marker is: I, RO, HA, NI, HO, HE, TO, etc.



Try-It-Yourself Demos

The different list-item markers in unordered lists
This example demonstrates the different list-item markers in CSS.

The different list-item markers in ordered lists
This example demonstrates the different list-item markers in CSS.

All the list style types
This example demonstrates all the different list-item markers in CSS.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS List-style-type Property