Little Web Hut

CSS 2.1 Reference: list-style-type Property

CSS list-style-type Property
selector {list-style-type: value;}
  • value is specified by using one of the following keywords: disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-greek, lower-latin, upper-latin, armenian, georgian, lower-alpha, upper-alpha, none, or inherit.

The list-style-type property is used to specify the style of the list item marker. This list item marker style will only be displayed if the element's list-style-image property has a value of none or the image specified by the list-style-image property cannot be displayed

This property is specified by using a keyword according to the syntax shown above.

CSS Example: The list-style-type property is set to a value of lower-alpha.
  li {list-style-type: lower-alpha;}
Test It HTML StyleTest It XHTML StyleTest It HTML5 Style

  • disc
  • circle
  • square
  • decimal
  • decimal-leading-zero
  • lower-roman
  • upper-roman
  • lower-greek
  • lower-latin
  • upper-latin
  • armenian
  • georgian
  • lower-alpha
  • upper-alpha
  • none
  • inherit - The inherit keyword is used to specify that the value for this property should be taken from the parent element. If inherit is used with the root element, then the initial value for this property will be used.

Note: The list-style-type samples, shown above, may not appear identically in all browsers.

Applies To Elements that have a display property value of list-item. This is typically the default value for the HTML <li> element.
Inherited Yes
Initial Value disc

list-style-type Property Examples
Test It HTML StyleTest It HTML StyleTest It HTML5 StyleThe list-style-type property is set to a value of lower-alpha.