CSS list-style-type Property

❮ Previous Reference Next ❯


ul {
  list-style-type: upper-roman;


The list-style-type property defines labels for a list of items.

Default value:disc
JavaScript syntax:

Standard Syntax

list-style-type: disc|circle|square|decimal|decimal-leading-zero|lower-roman|upper-roman|lower-greek|lower-latin|upper-latin|armenian|georgian|lower-alpha|upper-alpha|none|initial|inherit|revert|revert-layer|unset;

Browser Support

The numbers in the table specify the first browser version that fully supports the property.


Property Values

The following table describes the values of this property.

Value Description
disc The marker is a filled circle.
circle The marker is a hollow circle.
square The marker is a filled square.
decimal The marker is a number.
decimal-leading-zero The marker is a number with leading 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-greek The marker is lower-greek.
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.)
armenian The marker is traditional Armenian numbering.
georgian The marker is traditional Georgian numbering.
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.)
none No marker is shown
initial Sets this property to its default value.
inherit If specified, the associated element takes the computed value of its parent element animation-delay property.
revert Reverts the cascaded value of the property from its current value to the value the property
revert-layer Rollback styles to the ones specified in previous cascade layers.
unset Resets a property to its inherited value if the property naturally inherits from its parent, and to its initial value if not.

Default CSS Property Values

selectors {
  list-style-type: disc;
❮ Previous Reference Next ❯